我正在尝试使用 javascript(不是 jQuery)制作一个 gototop 按钮。我希望此按钮具有延迟效果,我可以通过以下方式实现:
var timeOut;
function scrollToTop() {
if (document.body.scrollTop!=0 || document.documentElement.scrollTop!=0){
window.scrollBy(0,-50);
timeOut=setTimeout('scrollToTop()',10);
}
else clearTimeout(timeOut);
}
html很简单:
<div id="gototop"><a href="#header" onclick="scrollToTop();return false">Back to top</a></div>
我无法根据滚动高度显示/隐藏按钮。据我所知,以下内容应该隐藏按钮,直到页面向下滚动 600px,但这不起作用:
var posit = window.scrollTop();
if (posit < 900) {
document.getElementById("gototop").style.display = 'none';
}
为什么这个样式不生效?
我使用的完整代码是:
var posit = window.scrollTop();
if (posit < 900) {
document.getElementById("gototop").style.display = 'none';
}
var timeOut;
function scrollToTop() {
if (document.body.scrollTop!=0 || document.documentElement.scrollTop!=0){
window.scrollBy(0,-50);
timeOut=setTimeout('scrollToTop()',10);
}
else clearTimeout(timeOut);
}
感谢您的关注,您好。