0

htmlcollection がそれぞれ 4 行を含む多くのテーブルのコレクションである mvc ビューにこのコードがあります。各テーブルの高さは 40 ピクセルです。

         var scrollWindow = $('<div>', {
                id: "scroll-window",
                html: htmlCollection
            });

        <style>
           #scroll-window {
           height: 655px;
           width: inherit;
           overflow-y: auto;
           }
          </style>

         $('#divCateringPX').append(scrollWindow);

また、divCateringPX で 40 px の倍数をスクロールしたいクリック時のビューにボタンがあります。この質問は単純に見えますが、私はjqueryが初めてで行き詰まっています。親切に助けてください。

ありがとう。

4

1 に答える 1

1

次のように、div 内をスクロールする関数にコールバックするクリック イベントにボタンをアタッチするだけです。

var m=1,
    pos;

$("#button").click(function(){

    pos = $("#divCateringPX").scrollTop();

    $("#divCateringPX").animate({
        scrollTop: pos + 40*m
    }, 1500);

});

1500 は、ミリ秒で表されるアニメーションの長さです。上記のコードは、クリックごとに 40 ピクセル下にスクロールします。40 の倍数に等しい数のピクセルを下にスクロールしたい場合は、m変数を目的の倍数に変更するだけです。

scrollTopところで、プロパティを 40px だけでなく、最初のスクロール位置に 40px を加えた値に設定する必要があります。これを実行していなければ、最初の 1 回だけしか機能しませんでした。その後、scrollTopプロパティは毎回 40 に設定されますが、何もしませんでした。コードを編集しました。

于 2014-04-07T15:13:53.193 に答える