-Webkit-scroll bar + overflow + JQuery scrollTop returns always zero

Question

I've been working on this bug whole day, and couldn't solve it.

Have a JQuery scrollTop animation script, that detects $(window).scrollTop() value and do some animation and if click on button scrolling back to top. $(this).click(function() { $("html, body").animate({scrollTop:0},"fast"); });

This works normally great. and i always get a scrollTop value... Until ->

When using custom -webkit-scroll bar for your browser, you have to set in the css

html -> overflow: hidden body -> position: absolute, overflow-y:scroll, overflow-x:auto

the html hierarchy is just normal html->body-> div container - > div content etc.

Now since the browser scrollbar is removed, and have your own customized scrollbar, the scrollTop value always returns zero.

Have been trying all I can think of, no matter what other code I tried, the scrollTop value returns always zero.

So nothing is animating, and nothing is scrolling back.

Anybody know how to get the value when using the custom *browser -webkit-scrollbar for scrolling back to top?*

methodofaction · Accepted Answer · 2011-01-26 23:16:11Z

1

You're no longer scrolling the window, you're scrolling an internal element, so you should try:

$(html).scrollTop()
$(body).scrollTop()

and see if 0 changes

answered Jan 26, 2011 at 23:16

methodofaction

72.7k22 gold badges159 silver badges166 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Chris · Accepted Answer · 2011-01-26 19:42:29Z

0

What happens when you remove overflow: hidden and position: absolute from your html and body CSS?

answered Jan 26, 2011 at 19:42

Chris

3,79525 silver badges30 bronze badges

Comments

agaase · Accepted Answer · 2014-01-21 13:25:19Z

0

I believe this is a bug which hasn't been fixed yet completely. Check here https://bugs.webkit.org/show_bug.cgi?id=9248

and check the last comment which shows this demo (http://maisqi.com/outros/bugs/chrome/CHN6) which still fails in webkit based browsers.

answered Jan 21, 2014 at 13:25

agaase

1,6222 gold badges16 silver badges26 bronze badges

Collectives™ on Stack Overflow

-Webkit-scroll bar + overflow + JQuery scrollTop returns always zero

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related