跨瀏覽器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);