首页 > 解决方案 > 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/

(点击“clone div1”或“clone div2”查看)

标签: javascriptjquery

解决方案


问题是关于计时 3000 毫秒延迟滚动很长

你需要申请slowfast3000延迟的地方

在 codepan 上检查此示例代码


推荐阅读