問題タブ [affix]

要素に Bootstrap 接辞プロパティを適用していtheadます。正常に適用されましたが、あるべき幅970pxが失われています（さらに読むと、これが見つかりました）。ただし、幅を手動で に設定しtheadても970px、tr > thまだ完全に広がっていません。

前：

後：

JSFIDDLE: http://jsfiddle.net/#&togetherjs=Qm22kH3sLz

注: また、[ボード] 列と [ステータス] 列がずれていることに注意してください。

私はブートストラップを使用するのはまったく初めてで、接辞のナビゲーションバーに本当に興味があります。（一番下に留まり、スクロールすると一番上に移動するもの）。

ただし、試してみますが、この Web サイトの効果をコピーすることはできません: http://www.blastprocessor.co.uk/

そして、多くの調査の結果、下にスクロールしたときにアニメーションのようにメニューのテキスト（中央にある）を右（または左）に移動する方法がわかりません。そしてロゴも登場。

どうすればこれができるか知っていますか

どうもありがとうございました。

これは Bootstrap 自体のバグかもしれませんが、誰かが修正または少なくともいくつかの助けを思い付くことができるかどうかを知りたいです.

問題に直接ジャンプするには、この jsfiddle を Safari で開き、ページを下にスクロールし始めます: http://jsfiddle.net/davereed362205122/8bZxb/2/

シナリオ:

右側の列メニューと次の div を含む 2 列のページ設定があります。

（メニューはモバイルデバイスの上部に表示する必要があるため、プッシュします）

その div 内には接辞メニューがあります。

メイン コンテンツ エリアは、次のような div 内にあります。

Firefox と Chrome ではすべてがうまく機能しますが、Safari では何らかの理由で affix 部分が div に限定されず、メイン コンテンツと重なってしまいます。Bootstrap 自身のサイト ( http://getbootstrap.com/javascript/#affix ) を見ると、div にプッシュまたはプルを使用していないように見えるため、モバイルではメニューが単に下部に表示されます。これで元に戻らなくてもいいのに…

このサイト ( http://halfcreative.themes.bitfade.com/ )にあるナビゲーション バーによく似た width:100% ナビゲーション バーを実装しました。

私のナビゲーション バーは、ナビゲーションがページの一番上に到達するとスティッキーになります。これは、Anthony Garand の sticky.js プラグインによって非常にうまく実装されています。問題はありません。

ただし、ナビゲーションが「スティッキー」になっているときにブラウザーのサイズを変更すると、幅が失われ、100% のスタイルが失われ、応答しなくなるという問題が発生します。下にスクロールして sticky.js をアクティブ化していない場合は応答します。

JSFiddle をセットアップしました (以下のリンク)。なぜこれが起こっているのですか？

http://jsfiddle.net/shRzE/1/

HTML マークアップの一部

注：「結果」の四角をできるだけ大きくすると、問題が最もよくわかることがわかりました。

1. 半分の領域が赤く、半分の領域が黒くなるまで下にスクロールして、メニューが画面の中央に垂直に表示されるようにし、「結果」ボックスのサイズを変更して、ナビゲーションが 100% でうまく機能することを確認します。

2. ナビゲーションがウィンドウの上部にくっつくまでスクロールし続けます。次に、「結果」ボックスのサイズを再度変更して、サイズが適切に変更されていないことを確認します。

注: Bootstraps Affix も実装しましたが、まったく同じ問題がありました。

Bootstrap 3 を使用してレスポンシブ Web サイトに貼り付けますが、上にスクロールすると、左側のテキストの固定列が幅を失い、画面の全幅に拡張されます。

何か足りないと思いますか？

デモはこちら: http://www.jhurleydesign.com/simplyconfectionery/weddings.html

Twitter ブートストラップ 2.3.2 を使用しており、接辞 js が含まれています。div は top:500px を完全にリッスンします。しかし、底に問題があり、底に達すると、div名を接辞と接辞底の間でピクセルごとに切り替えます。90 年代の派手な見た目は、ある意味ではいいのですが、実際には、私が期待するほどではありません。底を本来あるべき方法で貼り付ける方法についてのアイデアはありますか? 私の一日を作るだろう!!

js:

そしてCSS：

ブートストラップ 3 JavaScript を変更して、接辞プラグイン用の新しい機能を追加しようとしています。特に、次の機能を追加しました。

私の質問は、魔女は elem パラメータを渡してこの関数を呼び出す構文ですか?

私はこれを試しています：

しかし、コンソールに次の出力があります。