1. 首頁
  2. 問答
  3. jQuery Divider Scrollbar Auto-Position

jQuery Divider Scrollbar Auto-Position

2014-01-12 55 views
0

我想知道如何讓我的div的溢出的滾動條y自動將自己的位置在div的底部而不是頂部。jQuery Divider Scrollbar Auto-Position

我真的不知道該怎麼做，不知道它是否在CSS中工作，但這裏是我如何設置溢出。

代碼：

#chatResults { 
    width:510px; 
    height:275px; 
    overflow-y: scroll; 
    background-color: #FFFFFF; 
    padding:4px; 
    border-radius:5px; 
}

讓我知道如果你不明白，你需要我以不同的方式解釋吧！

來源

2014-01-12 user3023566

回答

1

您可以使用scrollTop()來設置滾動條位置，並通過傳遞它的scrollHeight值來將其移動到底部。

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

看到這個jsfiddle demo。

來源

2014-01-12 02:53:50

1

是的，我有一個絕招，你可以你

你可以在一些地方圍繞div的底部有任何元素

<body onload='scrolldiv()'> //calling a javascript function for adjusting the position 
    <div id='chatResults' > 
     . 
     . 
     . 
     <span id='get_to_bottom'></span> //Some where near bottom 
    </div> 
</div>

的頭部粘貼的JavaScript代碼如下

<script type='text/javascript'>  
    function scrolldiv(){ 
     window.location.href='#get_to_bottom'; 
    } 
</script>

來源

2014-01-12 03:00:27 sanjeev

+0

任何幫助表示讚賞 – sanjeev

相關問題

 相關問題