Question

如何从页面加载的div底部开始（不是通过滚动到底部）？

显示最新的n条消息，如果用户向上滚动加载过去的消息。

<div id="myDiv">content going here</div>
<script>

$(document).ready(function(){
    $('#myDiv').scrollTop($('#myDiv')[0].scrollHeight);
});

</script>

Answer 1

也许您应该使用本机JavaScript解决方案？

window.scrollTo(x-coord, y-coord);

您可以从jQuery .position()获取x-coord和y-coord坐标。

示例代码：

<div id="myDiv">content going here</div>
<a class="xxxx" href="#">click here</a>

<script type="text/javascript">
    $('a.xxxx').click(function(e) {
        e.preventDefault();
        var position = $('#myDiv').position();
        window.scrollTo(position.left, position.top);
    });
</script>

JSFiddle链接：https://jsfiddle.net/o8rsg5sz/

从底部显示初始内容，并在向上滚动时从数据库加载更多行

1 个答案: