Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使我的滑块高度自动匹配屏幕底部?_Javascript_Html_Css_Slider_Height - Fatal编程技术网

Javascript 如何使我的滑块高度自动匹配屏幕底部?

Javascript 如何使我的滑块高度自动匹配屏幕底部?,javascript,html,css,slider,height,Javascript,Html,Css,Slider,Height,因此,我希望我的滑块的高度自动结束在屏幕底部,然后会有其他内容。 本网站有: 视频的高度将自动适应屏幕底部的任何分辨率,我希望我的滑块也能这样 HTML: 欢迎来到海瑞斯网络! 一个接一个的游戏玩家 BBPRESS论坛和评级系统 发表精彩评论,创建精彩社区 超级易于使用的页面生成器 创建像拖放一样简单的页面 这段代码本身不起作用,因为还有其他js文件,但我不想分享它,因为它是网站的付费插件,但正如你在代码开头所看到的,你可以设置高度和宽度。你可以使用高度:100%它将适合滑块的整个容器。你可

因此,我希望我的滑块的高度自动结束在屏幕底部,然后会有其他内容。 本网站有: 视频的高度将自动适应屏幕底部的任何分辨率,我希望我的滑块也能这样

HTML:


欢迎来到海瑞斯网络!
一个接一个的游戏玩家

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;
}