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

最新推荐文章于 2024-08-09 14:56:43 发布

阿哈 �

最新推荐文章于 2024-08-09 14:56:43 发布

阅读量2k

点赞数

文章标签： css html css3

本文链接：https://blog.csdn.net/zxqzzm/article/details/122587634

版权

在做一个网站项目时，遇到谷歌、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;
}
}