Question

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

$(document).ready(function(){

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

}

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

我的问题是：

可以使用一些jquery函数或javascript来完成吗？
这种自动滚动功能如何干扰ajax？说它是在向下滚动的中间，是时候进行ajax表刷新了吗？

Answer 1

可以使用一些jquery函数或javascript来完成吗？

使用jQuery / javascript很容易实现。

这种自动滚动功能如何干扰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％正确，但它应该让你开始。

jQuery自动向下滚动，暂停，再向下滚动？

1 个答案: