ブートストラップ・アフィックスがモバイルで動作しない

Question

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; 
} 

なぜ携帯でクラスを変更しないのですか？

（悪い英語のため申し訳ありませんが）

Answer 1

ブートストラップ接辞は、ドキュメントの高さ、窓scrollTopスプライトに基づいてオフセットおよび要素のオフセットを計算します。落とし穴の1つは$（window）.scrollTopです。 overflow specificationによれば、ボディのオーバーフロープロパティをvisibleまたはclipの値に設定しないと、ボディはスクロールコンテナになり、scrollTopはもう機能しません。これは、ボディがスクロールコンテナであり、スクロールが内部で有効になるためです。窓。

本文overflow、overflow-xまたはoverflow-yのプロパティを探し、値をvisibleに設定します。オーバーフローするエフェクトが必要な場合は、ボディのコンテンツを別の要素の内部にラップし、そこでオーバーフローを設定します。