【问题标题】:jQuery Scroll to bottom of Div even after it updates?jQuery 即使在更新后也滚动到 Div 的底部?
【发布时间】:2014-08-20 06:29:00
【问题描述】:

所以我有一个页面,其中包含一个类似聊天的 div,其中充满了文本。它具有固定的高度和宽度(由 css 定义)。

我需要它在每次更新时滚动到底部,这是我目前使用的 JS:

$("#div1").animate({ scrollTop: $('#div1').height()}, 1000);

它工作了一段时间然后突然停止......我认为这可能与我为 div 设置的高度有关?我不确定。

那么我该怎么做才能确保 div 向下滚动到其内容的底部(使用 jQuery/AJAX 函数更新内容)

提前致谢!

编辑:我也尝试过$("#div1").animate({ scrollTop: $('#div1').height()}, 0);,但它仍然会在某个点停止滚动...

【问题讨论】:

    标签: jquery scroll


    【解决方案1】:

    你试过.scrollHeight:

    $("#div1").animate({ scrollTop: $("#div1")[0].scrollHeight}, 1000);
    

    scollHeight documentation at MDN

    【讨论】:

    • 不应该是:$("#div1").animate({ scrollTop: $("#div1")[0].scrollHeight}, 1000);
    猜你喜欢
    • 2020-09-13
    • 1970-01-01
    • 1970-01-01
    • 2012-06-24
    • 1970-01-01
    • 2012-03-27
    • 1970-01-01
    • 2021-10-17
    • 1970-01-01
    相关资源
    最近更新 更多