Why onclick event doesn't work in Firefox?

Question

I have a javascript code that works in Chrome but it refuses to work in Mozilla Firefox. Why is that so?

HTML

<div class="scroll-arrows">CLICK TO SCROLL</div>

CSS

body{
  height: 2000vh;
}

JS

$(document).on('click', '.scroll-arrows', function() {
  return $('body').animate({
    scrollTop: 400
  }, 'slow');
});

The problem is not with handling the "click" event; that works fine, as a quick introduction of a `console.log()` call would show you. — Pointy, Dec 06 '15 at 15:28
To handle FF, use `$('html, body').animate({...});`. FYI, your `return` statement has no meaning here — A. Wolff, Dec 06 '15 at 15:29

score 1 · Accepted Answer · edited May 23 '17 at 12:30

1

You have to use $('body,html').animate( {scrollTop: 400}, 'slow');

edited May 23 '17 at 12:30

Community

answered Dec 06 '15 at 17:07

CHF

1 Answers1