1

我想知道我是否可以得到一些帮助。我想要实现的是这个。

一旦从一个选项中选中，页面应该跳转到相应的 div。我可以发出警报以确保选择了正确的 div，但我不知道如何使页面跳转到相关部分 

<div class="nav">
    <div class="top-nav">           
        <form action="#">
            <select>
                <option value="ten">10</option>
                <option value="twenty">20</option>
                <option value="thirty">30</option>
            </select>   
        </form>     
    </div>
</div>


<div class="area">          
    <div id="ten">Alot of content goes in here</div>
    <div id="twenty">Alot of content goes in here</div>
    <div id="thirty">Alot of content goes in here</div>
</div>



$('.top-nav').children().children('select').bind('change', function () {        
    alert($('#' + $(this).val()).html()); 
});
4

3 回答 3

3

demo会有细微差别，看这里：http: //jsfiddle.net/byRRY/5/

演示中的行为选择值，您将看到偏移量将转到正确的 div，请随时删除警报。

这应该有帮助，

代码

$('.top-nav').children().children('select').bind('change', function () {  
  $("html, body").animate({scrollTop: $('#' + $(this).val()).offset().top}, "slow");

    alert($('#' + $(this).val()).html()); 
}); 
​
于 2012-06-26T12:16:43.170 回答
2

使用滚动功能
，如$('#mydiv').scrollTo('#somethingelse');

于 2012-06-26T12:12:28.877 回答
0

JQuery 的 scrollTo 插件可以通过许多有趣的选项来实现这一点。

$(document).ready(function(){
    $target = "#myDiv";

    //target, speed, easing
    $.scrollTo($target, 800, {easing:'easeInOutQuint'});
});

插件

于 2012-06-26T12:17:11.990 回答