`

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

 
阅读更多

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

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

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

方法一:用scroll方法实现。

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

方法二:用scrollBy方法实现。

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

方法三:用scrollTo方法实现。

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

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

<body onload="document.body.scrollTop=document.body.scrollHeight">
<script>
document.write(new Array(100).join("<br>"))
</script>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics