ScrollTop with jQuery and overflow div

jquery overflow scrollto
Mark Neto picture Mark Neto · Jun 18, 2012 · Viewed 9.6k times · Source

I'm having a problem, trying to make a scrollTo within a div with overflow.

I created five sections and five links in the menu. When I click on a link from the menu, I would like it to be correct div.

The link to content that I did: http://jsbin.com/adagid/

Sometimes it appears right (when you click directly on the first or last link), but sometimes the content displayed is the middle of the content.

how I can fix this problem?

Answer

Kao Vang picture Kao Vang · Jun 18, 2012

Since the position of the section changes with each scroll, you want to use += on the property being animated.

Check this fiddle. I also changed the bind to on and instead of trying to split the class name to find the section, I used data attributes.

http://jsfiddle.net/KvQ7W/

Related questions

How do I get the real .height() of a overflow: hidden or overflow: scroll div?

I have a question regarding how to get a div height. I'm aware of .height() and innerHeight(), but none of them does the job for me in this case. The thing is that in this case I have a div …

Read More
Bootstrap button drop-down inside responsive table not visible because of scroll

I have a problem with drop-down buttons inside tables when are responsive and scroll active because the drop-down is not visible because of overflow: auto; property. How can I fix that in order to show drop-down option of button when …

Read More
Find offset relative to parent scrolling div instead of window

I have a scrolling element inside a window. Say a division having a class "currentContainer" with overflow auto and that division contains huge amount of text so that it is definitely large enough to be scrolling. Now I have to …

Read More