js手风琴影响body背景图自适应屏幕高度

简介: js手风琴影响body背景图自适应屏幕高度

js影响背景图片问题解决方法:

一个长图,怎么根据菜单栏伸展自适应屏幕高度,不足屏幕高度时默认100vh,

这里可以用js去监听他的高度然后根据他的高度来设置图片大小,但css设置效果会更好些也比较简单,简单看一下吧

.body {
    background-image: url(../img/bg.png);
    width: 100%;
    background-size: 100% auto;
    max-width: 100%;
    min-height: 100vh;
    margin: auto;
}



相关文章
|
7月前
|
移动开发 JavaScript 前端开发
分享82个JS手风琴效果,总有一款适合您
分享82个JS手风琴效果,总有一款适合您
99 1
|
7月前
|
JavaScript 前端开发 数据安全/隐私保护
JS点击切换背景图
JS点击切换背景图
86 0
|
5月前
|
JavaScript
js【图解】滚动条的位置(文档与屏幕间的距离),鼠标事件距离(位置),元素距离(位置)
js【图解】滚动条的位置(文档与屏幕间的距离),鼠标事件距离(位置),元素距离(位置)
118 7
|
6月前
|
移动开发 JavaScript 前端开发
rem的适配方案,css文件和js文件的引入方式,特色小边框的制作,DS-Digital.ttf数字展示屏的使用方法:,自适应图片 background-size,jQuery爆bug,a和盒子居中,
rem的适配方案,css文件和js文件的引入方式,特色小边框的制作,DS-Digital.ttf数字展示屏的使用方法:,自适应图片 background-size,jQuery爆bug,a和盒子居中,
|
7月前
|
JavaScript 前端开发
<body> 中的JavaScript函数
【5月更文挑战第1天】<body> 中的JavaScript函数。
44 3
|
JavaScript
js随机更换背景图
js随机更换背景图
|
JavaScript 前端开发
[Javascript] 检测屏幕滑动方向
要使用 JavaScript 检测屏幕滑动方向,可以监听滚动事件 (scroll) 并与前一个滚动位置进行比较来确定滑动的方向。
132 0
touchslider.js插件高度自适应的解决方案
touchslider.js插件高度自适应的解决方案
62 0
|
7月前
|
XML JavaScript 前端开发
Python之JavaScript逆向系列——4、Body
Python之JavaScript逆向系列——4、Body
60 0
|
7月前
|
JavaScript 前端开发 UED
探究: 为什么JavaScript要在body标签尾部引入?
探究: 为什么JavaScript要在body标签尾部引入?
85 0