将持续时间设置为 scrollTop()答案

【问题标题】：Setting duration to scrollTop()将持续时间设置为 scrollTop()
【发布时间】：2017-12-18 07:44:06
【问题描述】：

我只想给 scrollTop 一个持续时间或时间来滚动到 0 位置。而不仅仅是像某种动画一样立即滚动到顶部。这是我的代码，请随意查看。提前致谢，等待您的回复。

setTimeout(function(){
  $("#upup").on("click", function() {
    $("body").scrollTop(5);
  });
},6000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="upup">scroll up baby</button>

【问题讨论】：

你误解了setTimeout()
不完全得到问题你想在点击按钮后的某个时间后点击按钮
只是想知道它是否有效
此处讨论的非 jQuery 解决方案：stackoverflow.com/a/52478645/3556531

标签： jquery html

【解决方案1】：

这是一个例子，

$("#upup").on("click", function() {
 $('html, body').animate({
    scrollTop: 0
 }, 6000);
});

工作demo

希望有所帮助，

【讨论】：

是的，谢谢伙计，它很有效。 Ja bless 希望能更多地了解你

【解决方案2】：

将滚动与动画（）一起使用。

$("#upup").on("click", function() {
   $("body").stop().animate({scrollTop:0}, 1000, 'linear', function() { 
     alert("Finished ");
  });
});

body{
  position:relative;
height:1000px;
}
#upup{
  position:absolute;
  bottom:0px;
  right:0px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
Scroll down

</div>
<button id="upup">scroll up baby</button>

【讨论】：

【解决方案3】：

使用 jQuery 的 animate() 滚动。

编辑：使用 css 思想将内容扩展为xyz

$("#upup").on("click", function() {
     $('html, body').animate({scrollTop:0}, 6000);
});

body{
  position:relative;
  height:800px;
}
button{
  position:absolute;
  bottom:0;
  left:0;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>hello</div>
<button id="upup">scroll up baby</button>

【讨论】：