Loading...

Search jQuery

Search

jQuery Forum

scrollTop() not working in chrome and safari

in Using jQuery • 8 years ago

Hello

function myAlert() {
 a = $("html,body").scrollTop();
 alert(a);
}

This code works only in IE, opera and firefox. in google chrome and in safari this code always returns: 0. please tell me why ? how to understood scrollTop() in chrome and safari ?

1

Replies(7)

jakecigar

Re: scrollTop() not working in chrome and safari

8 years ago

var a = $("html").scrollTop() || $("body").scrollTop();

JΛ̊KE

Re: scrollTop() not working in chrome and safari

7 years ago

I just had the same problem. My code was as followed:

var p = $('html,body');

$( ".info" ).text( "scrollTop:" + p.scrollTop() );

This code will work on all browser except for webkits browser such as chrome and safari because the 'html' tag always has a scrollTop value of zero or null.

The other broweser ignore it while webkit's browsers don't.

The simplest solutution is just to remove the html tag from your code et Voila:

var p = $('body');

$( ".info" ).text( "scrollTop:" + p.scrollTop() );

Re: scrollTop() not working in chrome and safari

6 years ago

Hi we are still seeing this. I see the mod posted several years back but we are using a CDN what other options would people suggest on this issue

Thanks

jakecigar

Re: Re: scrollTop() not working in chrome and safari

6 years ago

My answer from 2 years ago is still a correct way to get the scrollTop.

Using a CDN should not matter.

JΛ̊KE

Re: scrollTop() not working in chrome and safari

4 years ago

I'm unable to get a result other than 0 using any of the following:

$(document).scrollTop();

$(window).scrollTop();

$("html").scrollTop();

$("body").scrollTop();

in Safari on iOS 10.

jakecigar

Re: scrollTop() not working in chrome and safari

4 years ago

That was 4 years ago. Now-a-days I use

document.scrollingElement.scrollTop

And I see the numbers change in IOS 10 Safari and every other currently supported browser. Code phrase for I don’t care what happens in IE.

JΛ̊KE

watusiware

Re: scrollTop() not working in chrome and safari

4 years ago

Here's a polyfill:

https://github.com/mathiasbynens/document.scrollingElement