twitter-bootstrap - 当 body 有溢出-x :hidden 时，Bootstrap 3.0 词缀不起作用

Question

我不知道为什么，但是当你有 CSS 样式时 overflow-x:hidden在 body 元素上，则词缀插件不起作用。它只是拒绝在词缀、词缀顶部和词缀底部之间切换。

我猜它无法检测或测量滚动位置，但我不知道为什么 overflow-x:hidden可能导致这种情况。

不幸的是，我需要 overflow-x:hidden所以删除它不是一个好的解决方法。

关于如何/在哪里看的任何想法？

Answer 1

从您帖子的年龄来看，您以不同的方式解决了您的问题。但是我刚刚遇到了同样的问题并找到了解决方案，因此将在此处发布给遇到相同问题的其他人:

当 html, body {overflow-x:hidden;} 时，词缀功能确实中断了。已设置。

但是如果你使用 html .container, body .container {overflow-x:hidden;}相反，在您的 CSS 中，它可以完美运行，并且在移动设备上没有水平滚动。

您必须将此 CSS 放入媒体查询中才能将其仅应用于移动设备。