1

画像ドキュメントリーダーがあり、ヘッダーにはinput[number]フィールドがあります。アイデアは、ユーザーが見たいページ（画像）を入力でき、ページが適切なdivまでスムーズにスクロールダウンすることです。これが私のコードです：

<div class="score-header">
    <section class="nav">
        <input type="number" id="page" />
    </section>    
</div>

ドキュメントのページは、次のように独自のdivで表示されます。

<div class="page-one">
    <img src="page1.jpg" alt="" />
</div>
<div class="page-two">
    <img src="page1.jpg" alt="" />
</div>

ユーザーが番号を挿入してEnterキーまたはボタンをクリックすると、Webページがドキュメントの対応するページを下にスクロールする方法はありますか。

注意：ヘッダーは、jQueryを介して常にWebページの上部に貼り付けられます

4

1 に答える 1

0

このようなもの？

$(document).ready(function(){

$('#page').change(function() {
    $("page-div").eq($("#page").val()-1);
    //this selector takes the input value and subtracts 1 because the count starts in 0 so it will select the corect div ....

    //i do not know how to scroll down.... i tryed this but did not work.... you need scroll to the possition of the selected div
    $("#page-one").animate({scrollTop: $("#page-one").offset().top});
});

}); </p>

http://jsfiddle.net/ukjvS/13/

http://jsfiddle.net/ukjvS/13/show

（コメントを読む）

可能であれば、私の質問に答えてください:)

HTML & CSS ブロガーのサイド メニュー?

于 2012-12-16T00:17:02.123 に答える