我想知道是否可以获得一些帮助。我想要实现的目标就是这个。
一旦选择了一个选项,页面应该跳转到相应的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());
});
最佳答案
演示会有细微差别,请参见此处: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());
});
关于jquery - 选择下拉菜单中的选项后跳转到相关部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11206980/