Javascript 如何使我的滑块高度自动匹配屏幕底部?
因此,我希望我的滑块的高度自动结束在屏幕底部,然后会有其他内容。 本网站有: 视频的高度将自动适应屏幕底部的任何分辨率,我希望我的滑块也能这样 HTML:Javascript 如何使我的滑块高度自动匹配屏幕底部?,javascript,html,css,slider,height,Javascript,Html,Css,Slider,Height,因此,我希望我的滑块的高度自动结束在屏幕底部,然后会有其他内容。 本网站有: 视频的高度将自动适应屏幕底部的任何分辨率,我希望我的滑块也能这样 HTML: 欢迎来到海瑞斯网络! 一个接一个的游戏玩家 BBPRESS论坛和评级系统 发表精彩评论,创建精彩社区 超级易于使用的页面生成器 创建像拖放一样简单的页面 这段代码本身不起作用,因为还有其他js文件,但我不想分享它,因为它是网站的付费插件,但正如你在代码开头所看到的,你可以设置高度和宽度。你可以使用高度:100%它将适合滑块的整个容器。你可
欢迎来到海瑞斯网络!
一个接一个的游戏玩家
BBPRESS论坛和评级系统
发表精彩评论,创建精彩社区
超级易于使用的页面生成器
创建像拖放一样简单的页面
这段代码本身不起作用,因为还有其他js文件,但我不想分享它,因为它是网站的付费插件,但正如你在代码开头所看到的,你可以设置高度和宽度。你可以使用高度:100%它将适合滑块的整个容器。你可以简单地使用CSS。下面是一个例子: 示例HTML:
<div class="nav">
</div>
<div class="video-slider">
</div>
使用vh(视口高度)可以实现此功能。在本例中,导航占据视口高度的10%,视频滑块占据视口高度的90%
这里有一个链接到这个例子
正在工作!非常感谢:D
<div class="nav">
</div>
<div class="video-slider">
</div>
.nav{
background-color: rgba(255,0,0,0.8);
height:10vh;
}
.video-slider{
background-color: rgba(0,255,0,0.8);
height:90vh;
}