jQuery自动向下滚动，暂停，再次向下和向上？

Question

我有一个基本上包含一个大表格的网页，我使用 ajax 每分钟自动创建和填充表格。基本代码结构是这样的：

$(document).ready(function(){

   setInterval(function(){
        $.ajax({
           //code to call backend, get the data, 
           //create/populate the table, and refresh every minute
        });
   });

}

由于表格很长，我想让它自动向下滚动，暂停几秒钟，继续向下滚动，再次暂停。当它到达终点时，它会向上滚动，暂停......或者一旦它到达终点，从顶部开始并重新开始。当它滚动时，我还想保持它的表格标题行固定在顶部。

我的问题是：

1. 是否可以使用一些 jquery 函数或 javascript 来做到这一点？
2. 这种自动滚动功能会如何干扰 ajax？说它正在向下滚动，是时候刷新 ajax 表了？

Answer 1

1. 是否可以使用一些 jquery 函数或 javascript 来做到这一点？

使用 jQuery/javascript 很容易实现。

1. 这种自动滚动功能会如何干扰 ajax？说它正在向下滚动，是时候使用ajax了 表刷新？

我会将您的代码用于为您的 ajax 成功设置滚动动画。将滚动动画设置为比 AJAX 间隔更短的时间间隔。

类似的东西

   setInterval(function(){

        $.ajax({
            type    : "",
            dataType: "",
            url     : "",
            data    : "",
            success    : function(data)
            {
                // create/append data to table

                // animate scroll to bottom of table
                $("#my_table").animate({ scrollTop: $("#my_table").height() }, "slow");
            }
        });

   });

不确定滚动代码是否 100% 正确，但它应该让你开始。