如何在jQuery中使用自动刷新自动滚动到底部

Question

我正在使用此jquery ajax从数据库接收味精。 但是，当有人尝试发送消息时，消息就到了，但无法自动滚动到底部。 任何想法？

  setTimeout(startRefresh,1000);
var myKeyVals = { some value };

        var saveData = $.ajax({
          type: 'POST',
          url: "https://example.php",
          data: myKeyVals,
          success: function(resultData) { 
            $("#chatwindow").html(resultData);
            //######################################
          }
      });
      saveData.error(function() { alert("Something went wrong"); });

Answer 1

您可以在ajax success内使用animate和scrollTop尝试一些操作，例如：

 $("html, body").animate({ scrollTop: $(document).height() - $(window).height() }, 'slow'); 

 div {height: 900px; border:2px solid #333; padding:10px;} 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="mydiv1">DATA FOR SAMPLE 1</div> <div id="mydiv2">SAMPLE DATA</div> <div id="mydiv2">SAMPLE DATA</div> 

并且要确保滚动之前确实存在新的DOM元素，您可以尝试添加一些setTimeout几毫秒，然后在其中添加此代码。

Answer 2

检查一下： https : //www.electrictoolbox.com/jquery-scroll-bottom/

以下Javascript将使用jQuery将页面滚动到底部：

$('html, body').animate({scrollTop:$(document).height()}, 'slow');

显然，您可以将动画速度（在上例中为“慢”）更改为“快”或以毫秒为单位的数字持续时间，其中数字越大，动画越慢。

要将滚动功能绑定到对页面中现有元素的点击上，请执行以下操作，其中#someID是元素的ID：

$(document).ready(function() {
    $('#someID').click(function(){
        $('html, body').animate({scrollTop:$(document).height()}, 'slow');
        return false;
    });
});

Answer 3

您可以尝试此技巧。 看看这是否对您有帮助：

$("html, body").animate({ scrollTop: $(document).height() }, 20000);
setTimeout(function() {
   location.reload();
},20000);