Bootstrap Affix不適用於手機

Question

我嘗試使用Bootstrap詞綴來製作一個元素，在頁面底部的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的和元素的偏移抵消。這裏的一個缺陷是$（window）.scrollTop。根據overflow specification，如果您將主體的溢出屬性設置爲visible或clip值，它將使主體成爲滾動容器並且scrollTop將不再工作，因爲現在主體是滾動容器，滾動在其內部生效，而不是窗戶。

尋找身體overflow，overflow-x或overflow-y屬性並將值設置爲visible。如果你需要溢出效果，只需將主體的內容包裹到另一個元素中並在那裏設置溢出。