Twitter Bootstrapの接辞プラグイン、修正されたナビゲーションバー、およびアンカーリンクを一緒に使用すると、非常に奇妙な動作が発生します。自分の問題を説明しようと思いますが、言葉で表現するのは難しいので、はっきりしない場合はご容赦ください。
navbar-fixed-top
ページの上部にがあります。その下に私は.container
divを持っています。その中には2つdiv.spans
(span4
とspan8
)があります。内部span4
にはdiv.well
、affix-top
クラスが適用されているがあります(したがって、固定位置になり、その位置に「固定」されます)。私のspan8
中にはたくさんのコンテンツがあります。
well
divの中にはがありますnav-list
。このリストには、 (これを行う小さなスクリプトがあります)の項目に基づいてli
/要素が入力されます。リンクはアンカーであるため、ページ上の要素( 、、など)を指します。これはすべて素晴らしく機能します。私のリストはそこにあります、リンクはクリック可能です、それらは私の要素に私を連れて行きます。素晴らしい。a
span8
#myId
#myIdTwo
しかし、素晴らしいことではありません。リンクの1つをクリックすると、アンカーに移動しspan8
ますが、ページが正しく更新されないように見えることがあります。私は時々奇妙な白い「箱」を見ます。または、スパン内のコンテンツの一部が固定の上に表示されnav-header
ます。時々半分がnav-list
消えます..しかし、マウスをその周りに動かすと(一種の)戻ってきます。あなたが行き詰まっていたいくつかの古いWindowsアプリケーションで見たように。
ここで自分の目で確かめることができます:http://jaylach.github.com/lutra。問題が発生する前に、いくつかのナビゲーションリンクをクリックする必要がある場合があります。
私は一日中これに苦労してきました、そして私は私の人生のために、それを理解することができません。接辞を取り出し、固定トップナビゲーションバーを取り出し、を取り出しましたz-index
。私はそれを理解できないようです。
誰かが、どこでも、これを引き起こしている可能性があるものについて何か手がかりを持っていますか?皆さんからのアドバイスをいただければ幸いです。
よろしくお願いします!!