9

Twitter Bootstrapの接辞プラグイン、修正されたナビゲーションバー、およびアンカーリンクを一緒に使用すると、非常に奇妙な動作が発生します。自分の問題を説明しようと思いますが、言葉で表現するのは難しいので、はっきりしない場合はご容赦ください。

navbar-fixed-topページの上部にがあります。その下に私は.containerdivを持っています。その中には2つdiv.spansspan4span8)があります。内部span4にはdiv.wellaffix-topクラスが適用されているがあります(したがって、固定位置になり、その位置に「固定」されます)。私のspan8中にはたくさんのコンテンツがあります。

welldivの中にはがありますnav-list。このリストには、 (これを行う小さなスクリプトがあります)の項目に基づいてli/要素が入力されます。リンクはアンカーであるため、ページ上の要素( 、、など)を指します。これはすべて素晴らしく機能します。私のリストはそこにあります、リンクはクリック可能です、それらは私の要素に私を連れて行きます。素晴らしい。aspan8#myId#myIdTwo

しかし、素晴らしいことではありません。リンクの1つをクリックすると、アンカーに移動しspan8ますが、ページが正しく更新されないように見えることがあります。私は時々奇妙な白い「箱」を見ます。または、スパン内のコンテンツの一部が固定の上に表示されnav-headerます。時々半分がnav-list消えます..しかし、マウスをその周りに動かすと(一種の)戻ってきます。あなたが行き詰まっていたいくつかの古いWindowsアプリケーションで見たように。

ここで自分の目で確かめることができます:http://jaylach.github.com/lutra。問題が発生する前に、いくつかのナビゲーションリンクをクリックする必要がある場合があります。

私は一日中これに苦労してきました、そして私は私の人生のために、それを理解することができません。接辞を取り出し、固定トップナビゲーションバーを取り出し、を取り出しましたz-index。私はそれを理解できないようです。

誰かが、どこでも、これを引き起こしている可能性があるものについて何か手がかりを持っていますか?皆さんからのアドバイスをいただければ幸いです。

よろしくお願いします!!

4

1 に答える 1

19

これは WebKit のバグです。

-webkit-transform: scale3d(1,1,1);両方.navbar-fixed-topに追加 して.affix

どちらのスタイルもbootstrap.min.cssで定義されています。したがって、main.cssでこれら 2 つのスタイルを次のようにオーバーライドします。

.affix,.navbar-fixed-top {
-webkit-transform: scale3d(1,1,1);
}
于 2013-01-24T06:17:05.323 に答える