Skip navigation
Currently Being Moderated

How to force page to scroll when collapsible panel is opened by link

Apr 17, 2012 4:52 PM



I have seen similiar questions asked but not answered, so maybe there isn't away to do this.


I have numerous collapsible panels going all the way down the page, actually I just formed a Collapsible Panel Group. They are opened by a list of links at the top of the page.


This is an example of a link...

<li><a href="#CollapsiblePanel14" onclick="cpg.openPanel(13);">AKC CGC & TDI Testing</a></li>


And this is the javascript at the bottom of the page...

var cpg = new Spry.Widget.CollapsiblePanelGroup("CollapsiblePanelGroup1", { contentIsOpen: false, duration: 800 });


When a link to one of the lower panels is clicked, I would like the page to scroll down so when the panel opens all of the content is within view.


Is there any way to do this?





More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points