2016-03-31 10 views
1

複数の要素のulには、選択した項目が常に上に表示されるようにスクロールします。このアイテムにはselectedクラスが割り当てられます。今まで、私はこの要素の位置にバーをスクロールすることができましたが、コンテナの上部にスクロールしませんでした。選択した項目でスクロールを移動する

私のコードは次のとおりです。

jQuery(document).ready(function(){ 
    jQuery('#container').animate({ 
     scrollTop: jQuery('li.selected').offset().top 
    }, 2000); 
}); 

任意のアイデア?

+0

問題を再現するために必要な最小限のコードを記載してください。あなたのHTMLを追加してください – Pugazh

答えて

1

トラバースはこのようなparent要素に:

jQuery(document).ready(function(){ 
    var x = jQuery('li.selected').parent(); 
    jQuery('#container').animate({ 
     scrollTop: jQuery(x).offset().top 
    }, 2000); 
}); 

私は似たような状況でこれを使用する:scrollTop ...ラインで直接行き来することができませんでしたので、私は選択するために変数を使用しましたこの変数をscrollTop行に入力します。

+0

ソリューションは私のためにうまくいった。要素の一番上の位置をキャリブレーションするためにいくつかの変更を加えなければならなかったが、それ以外は完璧だった。どうもありがとうございます。 – Antonio

関連する問題