A cross-browser javascript

Question

I have this JavaScript that let me scroll the page up / down by clicking on the top / bottom of the page.

$(function() {
$("#next").on("click", function() {
    $("body").animate({"scrollTop": window.scrollY + (window.innerHeight - 60)}, 100);
    return false;
});
}); 

$(function() {
$("#previous").on("click", function() {
    $("body").animate({"scrollTop": window.scrollY - (window.innerHeight - 60)}, 100);
    return false;
});
});

Have a look at the JSFIDDLE here: https://jsfiddle.net/cztqjwb2/3/

Any idea how to make it cross-browser?

adeneo · Accepted Answer · 2015-04-12 14:20:32Z

3

Some browsers attach the scrollbar to the body, other to the html element.

You'd make it cross browser like this

$("html, body").animate( ....

To make it work in older IE as well, you have to replace scrollY with something, jQuery seems like the obvious choice

$("html, body").animate({
    scrollTop: $(window).scrollTop() + $(window).height() - 60
}, 100);

answered Apr 12, 2015 at 14:20

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Collectives™ on Stack Overflow

A cross-browser javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related