Question

我有滚动div，我希望它从底部开始。我在这里阅读了一些问题并在谷歌搜索但我无法使用它。这是我的jquery代码，它从底部开始但是当我滚动它总是回到底部。所以我删除了设置的间隔，我只是调用函数但滚动再次从顶部开始。我使用了我在这里看到的代码，但它不起作用。伙计们帮助我

<script type="text/javascript">

  function updateScroll(){
  var element = document.getElementById("msgss");
  element.scrollTop = element.scrollHeight;
}
setInterval(updateScroll,1000);

</script>

并且是我的div标签

<div class="col-md-6 convo" id="msgss">
  <chat-log :messages="messages"></chat-log>
  <chat-composer v-on:messagesent="addmessage"></chat-composer>
</div>

Answer 1

不确定laravel如何加载:messages="messages"元素，但您可以尝试这样做：

<script type="text/javascript">
    $(document).ready(function(){
        updateScroll();
    });

    function updateScroll(){
        var element = document.getElementById("msgss");
        element.scrollTop = element.scrollHeight;
    }

</script>

Answer 2

使用此

 $(window).load(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, 1000);
 });

为什么div scroll没有从底部开始

2 个答案: