Question

希望有人可以帮我解决这个问题......我正在建立一个网站，需要自动慢慢滚动到页面底部，但是在开始之前给用户点几下按钮就可以关闭它。我正在寻找最简单的方法，希望避免任何插件。

这是我到目前为止所做的： $（“html，body”）。animate（{scrollTop：$（document）.height（）}，8000）;

由于某种原因它只会中途下降然后停止。我不知道如何实现延迟和开/关选项。任何帮助将不胜感激！

Answer 1

使用全局变量：

var performaction=true;

绑定click函数并添加performaction = false;那样：

$('#YOUR LINK ID').bind('click',function(){
    performaction=false;
});

并添加：

 window.setTimeout(function(){
    if  (performaction)
         $("html, body").animate({ scrollTop: $(document).height() }, 8000);
    },3000);

将在页面加载3秒后调用该函数，如果未单击大小写按钮。我假设问题是滚动只到达与使用此行时相关的页面的一半：

$(document).height()

如果您在页面完全加载之前使用它，则DOM不一定知道文档的最终高度。

Answer 2

var performaction=true;
$(document).ready(function(){
$("a").bind("click",function(){
performaction=false;
});
});
window.setTimeout(function(){
if  (performaction && $(window).scrollTop() == 0)
     $("html, body").animate({ scrollTop: 70 }, 2000);
},5000);

这对我有用，感谢

页面加载后Jquery慢速自动滚动到页面底部3秒

2 个答案: