Javascript 如何在页面加载之前使用CSS设置响应滑块的高度

是什么

jquery循环滑块，在窗口加载和调整窗口大小时，它使用css和javascript的组合来相应地调整所有内容的大小

怎么了

当页面加载时，在css中滑块的高度设置为0（因为在页面加载之前我不知道屏幕大小），然后使用js将滑块调整到适当的高度并开始运行幻灯片

然而，这意味着在js加载/运行之前，滑块是不可见的，这意味着它“弹出”到视图中，将其下方的内容向下推。这似乎是flexslider或cycle等响应滑块的普遍问题

---

有没有一种使用css设置高度的方法？

我想你正在寻找cycle的第2版

---

你可以使用简单的css技术，比如

高度：100%

或者一些东西来让它最初可见吗？@jibibraham不幸的是，没有，因为图像是一个一个叠在一起的，所以容器的高度是（如果一个img是100px 100px，有5个图像）500px，将临时显示所有图像，直到滑块javascript接管。