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

引导词缀根据文档高度、窗口滚动顶部和元素的偏移量计算偏移量。这里的陷阱之一是 $(window).scrollTop。根据overflow specification，如果你设置body的overflow属性既不是visible也不是clip值，它会使body成为滚动容器并且scrollTop不再起作用，因为现在body是滚动容器并且滚动生效在里面，而不是在窗户里。

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