滚动条聚焦在 HTML div 的底部答案

【问题标题】：Scrollbar focus on the bottom of the HTML div滚动条聚焦在 HTML div 的底部
【发布时间】：2017-12-27 02:26:25
【问题描述】：

如何让这个滚动条聚焦在这个 div 的底部。 JavaScript 有必要吗？

【问题讨论】：

这里：stackoverflow.com/questions/270612/scroll-to-bottom-of-div（和）stackoverflow.com/questions/18614301/…
Keep overflow div scrolled to bottom unless user scrolls up的可能重复

【解决方案1】：

你可以试试这个：

var objDiv = document.getElementById("your_div");
objDiv.scrollTop = objDiv.scrollHeight;

【讨论】：

【解决方案2】：

  $("divname").animate({ scrollTop: $('divname').prop("scrollHeight")}, 0);

需要 Jquery

【讨论】：

【解决方案3】：

简单明了，只需将此代码放在脚本中的某个位置，最好是顶部

     <script>
     var objDiv = document.getElementById("chatbox");
     if ( window.history.replaceState ) {
     objDiv.scrollTop = objDiv.scrollHeight;

      window.history.replaceState( null, null, 
      window.location.href );
      }
      </script>

【讨论】：