0

メニュー項目を表示するサイドバーがあり、垂直スクロールバーがあります。下にスクロールしてメニュー項目の 1 つをクリックすると、次のページにクリックされたメニュー項目が selected として表示されます。しかし問題は、選択したメニュー項目を見るために下にスクロールしなければならないことです。

ここはhttp://jsfiddle.net/4XZMb/1944/です

この場合、「Datalog」をクリックしましたが、下にあり、下にスクロールしてそのメニュー項目を表示しました

ご協力いただきありがとうございます。

<div id="sidemenu" style="height: 150px; width:200px; overflow-y: auto">
<ul class="nav nav-list">
    <li><a href="#">ActionScript</a></li>
    <li><a href="#">CHILL</a></li>                         
    <li><a href="#">C++</a></li>
    <li><a href="#">JAVA</a></li>
    <li><a href="#">Pascal</a></li>
    <li><a href="#">Cobol</a></li>
    <li class="active"><a href="#">Datalog</a></li>
    <li><a href="#">SQL</a></li>
    <li><a href="#">PL/SQL</a></li>
    <li><a href="#">ELAN</a></li>
</ul>   
</div>
4

1 に答える 1

1

はい、確かにこのように。

$(document).ready(function(){
    $('#sidemenu').scrollTop($(".nav-list li.active").offset().top);
});

必要に応じて、次の方法でも実行できます.animate()。

$(document).ready(function(){
    $('#sidemenu').animate({
        scrollTop: $(".nav-list li.active").offset().top
    }, 1000);
});

ここにフィドルがあります

于 2013-11-07T02:15:14.743 に答える