問題タブ [affix]

ブートストラップ接辞プラグインを使用しようとしていますが、スクロールを止める方法がわかりません。これが私がやろうとしていることの例です。http://www.bootply.com/F6daY1KXoJ

ここで説明されている手法を使用しようとしました: http://codepen.io/henrylfan/pen/HBnrJただし、添付されたアイテムと同じ親にない「底」を参照する場合は機能しません。

私のホームページの URL は www.animint.net です。

ホームページのレイアウトに問題があります。

右側（サイドバー）の幅が非常に長いです。

ソース (css、js など) を変更するにはどうすればよいですか?

脇（サイドバー）ソースは...

2 レベルのヘッダーがあり、2 番目のレベルが上にくっつくシンプルなページ。

ページのスケルトンは次のとおりです: http://jsbin.com/cimobirimisi/9

ブラウザのサイズを高さ約 630 ピクセルに変更して下にスクロールしようとすると、スクロールの不具合に気付くはずです。IE9 では問題ありませんが、Chrome と Firefox が影響を受けるようです。

どんな助けでも大歓迎です:)

ブートストラップの接辞を使用して、左側に div と nav div を貼り付けています。しかし、私が貼り付けたい2つのdivにクラス接辞を追加するだけでは、それはできませんでした。http://jsfiddle.net/wesweatyoushop/rmuq25ak/4/

両方の div は 260px と言ってスクロールでき、固定する必要がありますが、重複しています

here に示されているように、ナビゲーションバー（ブートストラップアフィックスプラグインを使用）がボディと重ならないようにする方法はありますか?

アラート用のdivを作成しようとしています

1. 画面にヘッダーが表示されている場合、アラートはヘッダーのすぐ下にあります。
2. ヘッダーが画面の外にスクロールされると、アラートは画面の上部に表示されます。

それを行うと（jqueryとtwitterのブートストラップを試しました）、スクロールバーを下にドラッグすると、要素のcssクラスが変更されるとスクロールバーが一番上にジャンプします。

Chrome、v38.0.2125.104 で実行しています

問題を確認するには、幅 750px 以下でこれを実行してください: http://jsbin.com/jenibimaze/1

Bootstrap Affix を使用して、スクロールされたときに要素をウィンドウの上部に固定しています。

ただし、android ストック ブラウザel.offset().topでは、本体ではなくウィンドウに対して相対的に計算されます。これにより、Affix プラグインがクラスをaffix-topではなく に変更しaffixます。

体に対する要素の位置を計算する別の方法はありますか?

私が使用するcssは単純です：