当滑块位于固定定位元素内时,FlexSlider不会缩小滑动

时间:2012-11-09 16:21:11

标签: jquery css responsive-design flexslider

我正在使用FlexSlider jQuery插件在我网站的主页上运行滑块。我选择了此滑块,因为它具有响应性。我遇到的一个大问题是我将它放在position:fixed元素内部,这会导致响应式缩放问题。当我使浏览器窗口变宽时,幻灯片会向上扩展,非常棒。但是,当我向下缩放窗口时,幻灯片不会缩小。仅当滑块位于固定元素内时才会发生这种情况。 FlexSlider提供的演示也会出现此问题。在演示中,您需要做的只是将position:fixed添加到<section class="slider">元素。

是否有人对此问题的解决方法有想法?将我的容器元素更改为非固定的元素不是一种选择。

1 个答案:

答案 0 :(得分:0)

我刚修好了。我需要设置固定元素的宽度。 width:100%工作了。