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>

有没有一种方法，当用户插入数字并单击输入或按钮时，网页将向下滚动文档的相应页面。

NB 标题通过 jQuery 始终粘在网页顶部

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 回答