当body有溢出-x:hidden时,Bootstrap 3.0附加功能不起作用

时间:2014-01-07 01:41:54

标签: twitter-bootstrap affix

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

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

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

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

1 个答案:

答案 0 :(得分:1)

根据帖子的年龄判断,您以不同的方式解决了问题。但是我遇到了同样的问题并找到了解决方案,所以会在这里发布给遇到同样问题的其他人:

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

但是如果您在CSS中使用html .container, body .container {overflow-x:hidden;},它可以很好地工作,并且手机上没有水平滚动。

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