BX Slider不会重新计算浏览器窗口大小减小的宽度

时间:2014-08-20 18:39:08

标签: javascript jquery html css bxslider

我有一个网站,使用惊人的响应BX滑块。一切正常,除非向下调整浏览器窗口的大小,否则不会重新计算BX Slider <li>宽度。

我的开发网站是lc.westguardsolutions.com/#work,您可以随意浏览代码。

如果页面以较小的宽度加载然后增加,则正确重新计算BX滑块宽度

非常感谢任何帮助。

谢谢!

1 个答案:

答案 0 :(得分:0)

抓住这个,我办公室里有另一个开发人员帮我调试这个,看起来我们找到了解决方案。

BX Slider计算单个滑块大小的方法是测量父级。由于幻灯片彼此相邻排列,因此父级是巨大的,测量的“if”语句告诉滑块它已经小于该测量值,并且不会调整较小的大小。实际上,滑块仅测量实际的浏览器宽度以进行计算,但这是BX Slider的作者用于测量和应用响应性的逻辑稳定性的更大讨论的一部分。 / p>

在这种情况下解决问题的方法是在BX Slider init中应用“淡入淡出”模式mode: 'fade'。这样做的原因是,在“淡入淡出”模式下,幻灯片彼此并排排列并且overflow: hidden'd,它们彼此叠加并且一次显示一个。因此,容器div正确调整大小并正确地进行BX Slider计算。

我希望作者看到这个,并找到一种方法来实现我没有资格的修复,同时如果你遇到这个问题,可以使用mode: 'fade'作为polyfill。

希望这有助于其他人!