网站地图    收藏   

主页 > 前端 > javascript >

将滚动条(scrollbar)保持在最底部的方法

来源:自学PHP网    时间:2014-09-19 14:47 作者: 阅读:

[导读] 方法其实简单就是请点击“插入一行”按钮,插入最新信息,当出现滚动条时,滚动条将自动保持在底部。了。...

 代码如下 复制代码

<script type="text/javascript">
  
function add()
{
    var now = new Date();
  
    var div = document.getElementById('scrolldIV');
  
    div.innerHTML = div.innerHTML + 'time_' + now.getTime() + '<br />';
  
    div.scrollTop = div.scrollHeight;
}
  
function scrollWindow()
{
    scroll(0, 100000);
    setTimeout('scrollWindow()', 200);
}
  
window.onload = function() { scrollWindow(); } 
  
</script>

div代码

 代码如下 复制代码

<div id="scrolldIV" style="overflow:scroll; height: 100px; width: 400px; border: 1px solid #999;">
</div>
  
<input type="button" value="插入一行" onclick="add();">

function add() 是在 id 为 scrolldIV 的 div 中插入一条信息,并将其滚动条固定在底部

function scrollWindow() 是将整个页面的滚动条固定在页面底部。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论