如何通过下拉列表实现.scrollTo插件

Question

如何在下拉列表中实现.scrollTo插件？当我从下拉列表中选择一个选项时，它会获取该值并显示特定的div，但如何在用户选择该选项后立即向上滚动该div？我使用这个插件已经有链接href，这很容易，但我不知道如何通过下拉实现它。 下面是HTML：要显示

<select id="miasto"> 
    <option value="v1">opt1</option> 
    <option value="v2">opt1</option> 
    <option value="v3">opt1</option> 
</select> 

的div选择一个选项后：

<div id="v1" class="schowaj" style="display:none">div1 content</div> 
<div id="v2" class="schowaj" style="display:none">div2 content</div> 
<div id="v3" class="schowaj" style="display:none">div3 content</div> 

的jQuery：

$(function(){ 
$('#miasto').change(function(){ 
    var divToShow = $('#'+$(this).val()); 
    $('.schowaj').not(divToShow).hide('slow'); 
    divToShow.show('slow'); 
}); 
}); 

Answer 1

包装你的代码到选择变化事件监听器：

$('select').change(function() { 
    var divToShow = $('#'+$(this).val()); 
    $('.schowaj').not(divToShow).hide('slow'); 
    divToShow.show('slow'); 

    var offset = divToShow.offset().top; 
    $('body').animate({ 
     scrollTop: offset 
    }, 1500); 
});