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。如果你需要溢出效果，只需将主体的内容包裹到另一个元素中并在那里设置溢出。