モバイルで動作しないブートストラップアフィックス - html、css、twitter-bootstrap、affix

私は使ってみる ブートストラップ接辞 要素を作るために、 affix ページの下部と affix-top ページのトップへ。

私は接辞を実装し、デスクトップでは魅力のように機能しますが、モバイルでは機能しません。つまり、モバイルではクラスのトグルはなく、常に affix-top クラス..

私はこのコードを使用します：

    <div class="affix-div" data-spy="affix" data-offset-top="197">
<h1>Title</h1>
</div>

およびcssは次のとおりです。

.affix-div.affix {
bottom: 10px;
right: 10px;
z-index: 9999;
}

なぜモバイルではクラスを変更しないのですか？

（悪い英語でごめんね）

回答：

Bootstrap affixは、ドキュメントの高さ、ウィンドウのscrollTop、および要素のオフセットに基づいてオフセットを計算します。ここでの落とし穴の1つは$（window）.scrollTopです。 オーバーフロー仕様、ボディのオーバーフロープロパティをどちらにも設定しない場合 visible または clip 値は、ボディをスクロールコンテナにし、scrollTopは機能しなくなります。これは、ボディがスクロールコンテナになり、スクロールがウィンドウではなくその内部で有効になるためです。

体を探す overflow, overflow-x または overflow-y プロパティを設定し、値を visible。オーバーフロー効果が必要な場合は、本文のコンテンツを別の要素内にラップし、オーバーフローを設定します。