我有一个网站,使用惊人的响应BX滑块。一切正常,除非向下调整浏览器窗口的大小,否则不会重新计算BX Slider <li>
宽度。
我的开发网站是lc.westguardsolutions.com/#work,您可以随意浏览代码。
如果页面以较小的宽度加载然后增加,则正确重新计算BX滑块宽度
非常感谢任何帮助。
谢谢!
答案 0 :(得分:0)
抓住这个,我办公室里有另一个开发人员帮我调试这个,看起来我们找到了解决方案。
BX Slider计算单个滑块大小的方法是测量父级。由于幻灯片彼此相邻排列,因此父级是巨大的,测量的“if”语句告诉滑块它已经小于该测量值,并且不会调整较小的大小。实际上,滑块应仅测量实际的浏览器宽度以进行计算,但这是BX Slider的作者用于测量和应用响应性的逻辑稳定性的更大讨论的一部分。 / p>
在这种情况下解决问题的方法是在BX Slider init中应用“淡入淡出”模式mode: 'fade'
。这样做的原因是,在“淡入淡出”模式下,幻灯片彼此并排排列并且overflow: hidden
'd,它们彼此叠加并且一次显示一个。因此,容器div正确调整大小并正确地进行BX Slider计算。
我希望作者看到这个,并找到一种方法来实现我没有资格的修复,同时如果你遇到这个问题,可以使用mode: 'fade'
作为polyfill。
希望这有助于其他人!