0

Bootstrap を使用して Rails アプリを作成していますが、上部の固定ナビゲーション バーは、URL に追加されたハッシュ アンカーを介してジャンプ先のコンテンツを隠しています。基本的に、この投稿で説明されているのと同じ問題があります: Fixed position navbar obscures anchors , そして、githubで見つけた以下のjsコードでこの問題を修正しようとしました:

$(document).ready(function(){    
  var shiftWindow = function() { scrollBy(0, -50) };
  if (location.hash) shiftWindow();
  window.addEventListener("hashchange", shiftWindow);
});

http://mysite.com/ページ内リンクをクリックしてアンカーにジャンプすると問題なく動作しますが、別のページのリンクをクリックして、 from toのような URL にハッシュを含むページにリダイレクトしようとすると失敗しますhttp://mysite.com/posts/1#comment-5。

上記のjsコードの何が問題なのかわかりません。助けてください、ありがとう！

4

1 に答える 1

-1

私は同じ問題を抱えていましたが、最も簡単な解決策はアンカーをセクションタグでラップし、CSS シートを次のように変更することであることがわかりました。

section {
    display: block;
    padding-top: 40px;
}

次に、jsは必要ありません。別のページからそのセクションIDにジャンプすると機能します。

于 2013-02-21T06:46:58.343 に答える