css overflow显示文本的结尾

Question

.demo{
     overflow:auto;
}

<div class="demo">
    <p>Some Text Here<P>
</div>

这段代码会像这样显示文本的第一部分，然后您可以向下滚动显示5和6：

1  
2  
3  
4  

但是我想让它显示文本的最后一部分，然后你可以向上滚动显示1和2：

3  
4  
5  
6  

如何控制它以显示文本的结尾？

Answer 1

我认为这不能用css完成，因为你想在div的底部滚动。

使用您的代码，添加javascript以滚动到div的底部

document.getElementById('scroll').scrollTop = 9999999;

我创建了这个fiddle for illustration，它有相同的数字示例。添加高度，宽度等只是插图，你不必添加任何这些。

点击“运行代码段”，如果您正在寻找

，请告诉我们

＆＃13;

＆＃13;

document.getElementById('scroll').scrollTop = 9999999;

＆＃13;

.demo{
     overflow-y:auto;
    overflow-x:hidden;
    width:10px;
    height:30px;
    padding:50px;
}

＆＃13;

<div id="scroll" class="demo">
   1
    2
    3
    4
    5
    6
</div>

＆＃13;

＆＃13;

＆＃13;