Question

我有一个具有以下结构的div。

<div class="span12 sortable ui-sortable">
    <div class="box">
        <div data-original-title="" class="box-header well">
            <h2><i class="icon-edit"></i> All Messages</h2>
        </div>
        <div class="box-content chatHeight1">
            <div id="chtcontent" class="span12">

            </div>
            <hr/>

        </div>

    </div>
</div>

我在获得ajax响应后用id -'chtcontent填充div。但是当数据更多时，会出现一个水平滚动条。因此，按照逻辑，如果数据超过div高度，它应该带一个滚动条，它应该聚焦到div的底部。

我尝试了以下但不起作用。

 $('#chtcontent').scrollTop($('#chtcontent')[0].scrollHeight);

var d = $('#chtcontent');
d.scrollTop(d.prop("scrollHeight"));

也尝试了大部分答案。 Scroll to bottom of Div on page load (jQuery)。但仍然无法正常工作。

Answer 1

要使用这些函数，我们需要调用另一个函数来在必需的div上初始化它们。这是一些有用的api。希望它能帮助。阅读这些。 http://jscrollpane.kelvinluck.com/api.html

如果内容高度超过div高度，则关注div底线

1 个答案: