twitter-bootstrap - 当正文具有溢出-x：隐藏时，Bootstrap 3.0 词缀不起作用

Question

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

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

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

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

Answer 1

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

词缀功能在设置时确实会中断html, body {overflow-x:hidden;}。

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

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