我有这个 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/
知道如何使其跨浏览器吗?
最佳答案
某些浏览器将滚动条附加到正文,其他浏览器将滚动条附加到 html
元素。
你可以像这样跨浏览器
$("html, body").animate( ....
要使其在旧版 IE 中也能工作,您必须用某些东西替换 scrollY
,jQuery 似乎是显而易见的选择
$("html, body").animate({
scrollTop: $(window).scrollTop() + $(window).height() - 60
}, 100);
关于javascript - 跨浏览器的 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29590434/