Question

我创建了一个div，它在溢出时会直接移到底部。但是我如何不断检查是否发生了溢出，然后触发将向下滚动到页面底部的函数？

我发现这个功能滚动到底部

 <script type="text/javascript">
  var objDiv = document.getElementsByClassName('container')[0];
   objDiv.scrollTop = objDiv.scrollHeight;
 <script>

和此函数检查是否有溢出

 <script type="text/javascript">
  function isOverflown(element) {
    return element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;
     }
  </script>

但是当溢出发生时我该如何经常听？此外，我总是滚动到页面底部后还有一个问题，如果我手动想要在顶部，它会自动滚动到底部。如何防止这种情况？

Answer 1

感谢@Piotr P.我找到了这样做的方法，但现在我无法将其手动滚动到屏幕的其他部分

  setInterval(function(){
      var element = document.getElementsByClassName('container')[0];
      if (element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth) {
        $('#mydiv').animate({
                   scrollTop: $(document).height()
               },
                'slow');
               return false;
      }
    }, 100);

如何不断检查是否有div溢出然后滚动到底部

1 个答案: