Question

我有一个图像文档阅读器，标题中是输入[编号]字段。想法是用户可以键入他们想要查看的页面（图像），页面将平滑地向下滚动到相应的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>

当用户插入数字并单击输入或按钮时，网页是否会向下滚动文档的相应页面。

N.B。标题始终通过jQuery

粘贴到网页的顶部

Answer 1

这样的事情？

$(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});
});

}）;

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

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

（阅读评论）

如果可能，请回答我的问题：）

HTML & CSS blogger side menu?

HTML5 / jQuery - 页面滚动到输入值

1 个答案: