我不知道为什么但是当你在body元素上有CSS样式overflow-x:hidden
时,那么affix插件不起作用。它只是拒绝在词缀,词缀顶部和词缀底部之间切换。
我猜它无法检测或测量滚动位置,但我不知道为什么overflow-x:hidden
可能导致这种情况。
不幸的是我需要overflow-x:hidden
所以删除它并不是一个好的解决办法。
关于如何/在哪里看的任何想法?
答案 0 :(得分:1)
根据帖子的年龄判断,您以不同的方式解决了问题。但是我遇到了同样的问题并找到了解决方案,所以会在这里发布给遇到同样问题的其他人:
设置html, body {overflow-x:hidden;}
时,词缀功能确实会中断。
但是如果您在CSS中使用html .container, body .container {overflow-x:hidden;}
,它可以很好地工作,并且手机上没有水平滚动。
您必须将此CSS放入媒体查询中才能将其仅应用于移动设备。