Why is scrollTop working on Chrome, but not in Firefox and Internet Explorer?

Asked May 25 '15 at 17:40

Active May 27 '15 at 16:01

Viewed 118 times

I'm using the following code to make the page smoothly scroll to the position 100px above an anchor:

$('html, body').stop().animate({
   'scrollTop': $target.offset().top-100
}, 500, 'swing', function () {
   window.location.hash = target;
   $(document).on("scroll", onScroll);
});

This code works on Chrome, but not on Firefox and Internet Explorer. It does smoothly scroll to the right position, but not 100px above it. Can someone explain to my why this is and if there's a way to fix this?

Here's a JSFiddle: https://jsfiddle.net/LLddrmmq/1/.

edited May 27 '15 at 16:01

asked May 25 '15 at 17:40

TheLeonKing

3,501
7
32
44

Any errors on the Javascript console? – lucasnadalutti May 25 '15 at 17:43
What is `$target`? Can you create an [MCVE](https://stackoverflow.com/help/mcve)? – Alexander O'Mara May 25 '15 at 17:44
Maybe a http://www.jsfiddle.net? – Michelangelo May 25 '15 at 17:45
What does `onScroll` do? – mpallansch May 25 '15 at 17:46
@AlexanderO'Mara I'm sorry, I should have provided a JSFiddle. There it is: https://jsfiddle.net/LLddrmmq/1/. – TheLeonKing May 27 '15 at 16:01
1

possible duplicate of [jQuery scrolltop firefox not working](http://stackoverflow.com/questions/17776544/jquery-scrolltop-firefox-not-working) – chimos May 27 '15 at 16:32

Why is scrollTop working on Chrome, but not in Firefox and Internet Explorer?

0 Answers0