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

How do I set a height on my responsive slider using CSS before page load

本文关键字:响应 设置 CSS 高度 加载      更新时间:2023-09-26

它是什么

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

出了什么问题

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

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

有没有一种方法可以使用css设置高度?

我认为cycle的第2版正在寻找

http://jquery.malsup.com/cycle2/demo/autoheight.php