1

基本的に大きなテーブルを含むWebページがあります。ajaxを使用して、テーブルを1分ごとに自動的に作成してデータを入力します。基本的なコード構造は次のとおりです。

$(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テーブルを更新する時間だと言いますか？
4

1 に答える 1

2
  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％正しいかどうかはわかりませんが、最初から始める必要があります。

于 2012-07-11T16:43:50.413 に答える