javascript - 跨浏览器的 JavaScript

Question

我有这个 JavaScript，可以让我通过单击页面的顶部/底部来向上/向下滚动页面。

$(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;
});
});

在这里查看 JSFIDDLE: https://jsfiddle.net/cztqjwb2/3/

知道如何使其跨浏览器吗？

Answer 1

某些浏览器将滚动条附加到正文，其他浏览器将滚动条附加到 html 元素。

你可以像这样跨浏览器

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

要使其在旧版 IE 中也能工作，您必须用某些东西替换 scrollY，jQuery 似乎是显而易见的选择

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