繁体   English   中英

jQuery:滚动到底部动画后,滚动位置被锁定

[英]jQuery: Scroll position becomes locked after scroll to bottom animation

使用下面的代码,我在单击时克隆元素,然后滚动到页面底部。

这似乎可行,但是,滚动条被锁定,并且向上滚动受到限制。

滚动到底部动画后,如何允许再次向上滚动?

点击克隆:

$(document).ready(function() {
  $(".showdiv1").click(function() {
    $(".div1").first().clone(true).appendTo("section").fadeIn("500");

滚动到底部:

$('html, body').animate({scrollTop:$(document).height()}, 3000);
        return false;
      });

https://jsfiddle.net/vanderhurk/uzsx4agr/32/

(点击“克隆div1”或“克隆div2”查看)

问题是定时3000毫秒的延迟对于滚动来说很长

您需要套用3000个延迟的slowfast位置

在Codepan上检查此示例代码

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM