300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 【浏览器兼容】火狐浏览器滚动条不出现问题

【浏览器兼容】火狐浏览器滚动条不出现问题

时间:2021-08-30 04:13:55

相关推荐

【浏览器兼容】火狐浏览器滚动条不出现问题

在做一个网站项目时,遇到谷歌、Opera 浏览器滚动条显示正常,但火狐浏览器自带滚动条不显示的情况,

处理代码如下:

body {

width: 100vw;

height: 100vh;

overflow: hidden;

user-select: none;

}

.detail-wrap {//最外层盒子,设置背景图片

width: 100vw;

height: 100vh;

position: relative;

top: 0px;

left: 0px;

overflow-y: auto;

overflow-x: hidden;

z-index: 999;

.detail_container {//第二层盒子,包含内容的盒子

width: 100vw;

min-height: 100vh;

overflow: visible;

}

}

标签结构如下:

<div class="detail-wrap">

<div class="detail_container">

内容

</div>

</div>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。