2017-11-07 7 views
0

私は、垂直スクロールバーと固定高さを持つブートストラップリストグループを持っています。アクティブな項目は、グループの作成時にプログラムによって選択されます。javascriptを使用してリストグループ項目にスクロールする方法

リストが表示されている場合、表示されている項目の範囲外であるため、アクティブな項目は表示されません。私はどのようにアクティブな項目が表示されるように、javascriptを使用してプログラムでリストをスクロールするかを知りたいです。

<div class="panel-body list-group" style="height:200px; overflow-y:scroll"> 
    <a href="#" class="list-group-item ">REVOK1.1</a> 
    <a href="#" class="list-group-item ">REVOK1.2</a> 
    <a href="#" class="list-group-item ">REVOK1.4</a> 
    <a href="#" class="list-group-item ">REVOK1.5</a> 
    <a href="#" class="list-group-item ">REVOK1.6</a> 
    <a href="#" class="list-group-item active">REVOK1.7</a> 
</div> 

答えて

1

これは以下のコードを使用してJqueryを達成するために簡単です:

$(document).ready(function() { 
    $('html, body').scrollTop: $("a.active").offset().top; 
}); 
+0

それはどうもありがとうございまし作品 –

関連する問題