jquery - jQuery とオーバーフロー div を使用した ScrollTop

Question

scrollToオーバーフローのある div 内にを作成しようとして、問題が発生しています。

メニューに 5 つのセクションと 5 つのリンクを作成しました。メニューからリンクをクリックすると、正しい div になりたいと思います。

私が行ったコンテンツへのリンク: http://jsbin.com/adagid/

正しく表示される場合もありますが (最初または最後のリンクを直接クリックした場合)、表示されるコンテンツがコンテンツの途中である場合があります。

どうすればこの問題を解決できますか?

score 4 · Accepted Answer

スクロールするたびにセクションの位置が変わるため、+=アニメーション化するプロパティで使用します。

このフィドルを確認してください。また、に変更しbind、onクラス名を分割してセクションを検索する代わりに、データ属性を使用しました。

score 3 · Accepted Answer

正しい位置を取得するには、.contents の scrollTop() を減算する必要があります

score 2 · Accepted Answer

コードを更新しました (複製されたコピー): http://jsbin.com/etexul

コンテナの現在のスクロールを考慮する必要があることに注意してください...

 var scrollTop = jQuery('#' + gethash).offset().top + jQuery('.content').scrollTop() - 25;

コンテナに使用したマージンのために 25 あります

3 に答える 3