[cesarcesar]

http://cesarvillaca.com/temp/accordion_top_scroll/

I'm using the MooTools v1.2 Accordion script. I have an issue with my accordion data not scrolling properly. If you go to the link posted above you will see that if you scroll down, then hit the Toggle 2 button that the beginning of Toggle 2 data shoots up higher than the screen top forcing you to scroll up again to read the beginning. What I want is for the accordion to open and move to the top of the visible screen.

I did find a little info on whats happening here, http://groups.google.com/group/mooto...759d09d0?hl=en but there is no solution present.

I know it can be done as it is kinda on the following pages, but I cant seem to see how they did it.
http://blog.medianotions.de/assets/d...accordion_1.2/
http://cim.saddleback.edu/~jmolina10/#
http://kumalabs.com/ingesi/

Any help is much appreciated. Thank you.

[Yeroon]

The second sample page simply uses a href="#" to let the page scroll to the top. Maybe that helps you too? For you it would mean that you replace for toggler 2:

Code:

<div class="reg_toggler" style=""><b>Toggler 2</b></div>

to

Code:

<div class="reg_toggler" style=""><a href="#"><b>Toggler 2</b></a></div>

[cesarcesar]

ummm duh... thanks. please excuse my self while i feel so stupid. what a simple solution i missed.

[Yeroon]

Simple solutions are often the best!

[cesarcesar]

i would still like to hear more ideas on solutions. The presented solution does work, but i would like to see a solution also that is more related to the JS MooTools code.

[cesarcesar]

Thanks to Fang @ webdeveloper.com forums.

Solution - Add the following line to the following function.

Code:

el.scrollIntoView(true);

Code:

 
onComplete:function(el){
     if(el.getSize().y>0){
          el.setStyle('height','auto');
     }
     el.scrollIntoView(true);
}