div滚动条自动根据其内容的增多往下滚动

最新推荐文章于 2023-05-12 11:21:57 发布

zhglhy

最新推荐文章于 2023-05-12 11:21:57 发布

阅读量1.8k

点赞数

分类专栏： jquery/dwr 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/zhglhy/article/details/83849927

版权

jquery/dwr 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

请教大家一个问题， div滚动条如何自动根据其内容的增多自动往下滚动？

比如说：一个div <div style="height:100px;overflow:auto;"></div> ，我不停的往里面增加内容，div 就会出现滚动条，
现在我想让 div 的滚动条跟着一起往下滚动，该如何实现？？

QUOTE:

以下都是默认自动滚动到底部，需要滚动到顶部只需将document.body.scrollHeight换为0.

方法一：用scroll方法实现。

<body οnlοad="document.body.scroll(0,document.body.scrollHeight) ">
<script>
document.write(new Array(100).join("<br>"))
</script>

方法二：用scrollBy方法实现。

<body οnlοad="document.body.scrollBy(0,document.body.scrollHeight) ">
<script>
document.write(new Array(100).join("<br>"))
</script>

方法三：用scrollTo方法实现。

<body οnlοad="document.body.scrollTo(0,document.body.scrollHeight)">
<script>
document.write(new Array(100).join("<br>"))
</script>

方法四：用赋值方法实现。

<body οnlοad="document.body.scrollTop=document.body.scrollHeight">
<script>
document.write(new Array(100).join("<br>"))
</script>