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

Bootstrap词缀根据文档高度，窗口scrollTop和元素的偏移量计算偏移量。这里的一个陷阱是$（窗口）.scrollTop。根据{{​​3}}，如果您将body的溢出属性设置为visible或clip值，则会使主体成为滚动容器，而scrollTop将不再起作用，因为现在body是一个滚动容器，滚动在其中生效，而不是在窗口中生效。

查找正文overflow，overflow-x或overflow-y属性，并将值设置为visible。如果你需要溢出效果，只需将body的内容包装在另一个元素中并在那里设置溢出。