Question

我想知道如何让我的div的滚动条溢出-y自动将它自己定位在div的底部而不是顶部。

我老老实实地不知道该怎么做，不确定它是否适用于CSS，但这是我如何设置溢出。

代码：

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

如果您不理解，请告诉我，您需要我以不同的方式解释它！

Answer 1

您可以使用scrollTop()设置滚动条位置，并通过传递其scrollHeight值将其移至底部。

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

请参阅此jsfiddle demo。

Answer 2

是的，我有一个技巧，你可以

你可以在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>

jQuery Divider滚动条自动定位

2 个答案: