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

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 获取 x-coord 和 y-coord 坐标 .position() .

示例代码:

<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/