Question

与this question类似，我还有一个带有div的页面，点击时会出现聊天式气泡 - 每次点击都会显示一个新的“气泡”。它们都包含在没有设定高度的.content div中。

然而，如果其中一个气泡加载到浏览器窗口的高度以下，页面不会自动向下滚动，而且我有几个人抱怨他们不知道还有更多的内容应该加载

根据我发布的问题中的建议，我已尝试将此脚本添加到页面的末尾：

$(document).ready(function() {
    $(".content").click(function() {
            $(".content").animate({ scrollTop: $(".content")[0].scrollHeight}, 1000);
    });
});

但它似乎根本没有做任何事情......我错过了一些明显的东西吗？

我也设置了jsfiddle，取消了点击时每个气泡加载的效果。虽然在点击时向下滚动到div底部的效果似乎也不起作用。我是一个超级新手，并试图弄清楚这一切，所以任何帮助都非常感谢!!提前致谢

Answer 1

查看我的更新

$(document).ready(function() {
  $(".content").click(function() {
    $("html, body").animate({ scrollTop: $(".content")[0].scrollHeight}, 1000);
  });
});

JSFiddle

加载元素后滚动到div的底部？

1 个答案: