【发布时间】：2012-10-12 07:03:39
【问题描述】：
这是什么
一个 jquery Cycle 滑块，在加载窗口和调整窗口大小时，它使用 css 和 javascript 的组合来响应地调整所有内容。
怎么了
页面加载时，在css中设置slider的高度为0（因为直到页面加载完我才知道屏幕大小）然后使用js将slider调整到合适的高度并开始运行幻灯片。
但这意味着在 js 加载/运行之前，滑块是不可见的，这意味着它“弹出”到视图中，将其下方的内容向下推。这似乎是 flexslider 或 cycle 等响应式滑块的普遍问题。
有没有办法使用 css 设置高度？
【问题讨论】：
-
你可以使用简单的 css 技术，如
height:100%或其他东西让它最初可见吗？ -
@JibiAbraham 不幸的是不是，因为图像是一个堆叠在一起的，所以容器的高度是（如果一个 img 是 100px x 100px 并且有 5 个图像）500px 这会暂时显示所有图像，直到滑块 javascript 接管。
标签： javascript jquery css jquery-cycle responsive-design