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

时间:2018-10-20 06:42:02

标签: javascript jquery

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

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

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

克隆点击:

$(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”查看)

1 个答案:

答案 0 :(得分:0)

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

您需要应用slowfast延迟3000的地方

Check this example code on codepan