js滚动显示: 滚动条置顶/底

Posted 2020-10-19 upup2015

<script>

//当聊天室的内容超出页面范围时， 如何让页面刷新后 显示最下面的内容
document.getElementByIdx ( ‘chatboard‘).scrollTop=document.getElementByIdx ( ‘chatboard‘).scrollHeight ; //chatboard 为显示容器的id


//JS控制滚动条的位置： window.scrollTo(x,y);


//竖向滚动条置顶
window.scrollTo(0,0);


//竖向滚动条置底
window.scrollTo(0,document.body.scrollHeight)


//JS控制TextArea滚动条自动滚动到最下部
document.getElementByIdx(‘textarea‘).scrollTop = document.getElementByIdx(‘textarea‘).scrollHeight; 

</script>