顯示從底部intital內容，並從數據庫中滾動起來

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() takie的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/