论坛首页 Web前端技术论坛

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

浏览 4988 次
精华帖 (0) :: 良好帖 (1) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-02-03  

有些时候(如开发聊天程序),我们需要将将滚动条(scrollbar)保持在最底部,比如聊天窗口,最新发出和收到的信息要显示在最下方,如果要看到最下方的内容,就必须保证滚动条保持在最底部。
Javascript:
      <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>
      
   html代码 :

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

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics