javascript - Web ページの前のハイパーリンクと次のハイパーリンクをクリックすると、テキスト領域を上下にスクロールします

Question

「前へ」「次へ」のハイパーリンクを表示したい。「次のハイパーリンク」をクリックすると、テキストエリアが次の場所にスクロールされます。「前の」ハイパーリンクをクリックすると、テキストエリアが前の場所にスクロールされます。

textarea でジャンプする場所は既知です。たとえば、行: 10、次に行 40 、50 、70 、101 、.... textarea の高さは固定されています。

Answer 1

ページ付けを使用できます。私はjqueryでスタイル付きページネーションを使用することを好みます-

http://flaviusmatis.github.com/simplePagination.js/#page-20

これは確かに役立ちます。次に行きたい必要に応じて、現在のテキストブロックの位置を指定する必要があります。または、marginプロパティを使用することもできます。

Answer 2

これを試してみてください:- http://jsfiddle.net/MCK8g/

$(function(){

    $("#prev").on("click",function(){
        $("html, body").animate({ scrollTop: -500 + window.pageYOffset }, 600);
    });

     $("#next").on("click",function(){
         $("html, body").animate({ scrollTop: 500 + window.pageYOffset }, 600);
    });
});

必要なスクロールに応じて係数「500」を変更します。