网页大屏css隐藏横向纵向滚动条

最新推荐文章于 2025-02-12 10:56:57 发布

小杨不香菜

最新推荐文章于 2025-02-12 10:56:57 发布

阅读量739

点赞数 1

分类专栏：前端 js 前端vue 文章标签： css 前端 html

本文链接：https://blog.csdn.net/Quentin0823/article/details/128865875

版权

前端同时被 3 个专栏收录

4 篇文章

订阅专栏

4 篇文章

订阅专栏

前端vue

3 篇文章

订阅专栏

再写h5网页大屏时候遇到了右侧出现滚动条的现象，这时候就会需要隐藏滚动条，但是还得保留可以滚动的功能。

其实很简单，自己在写的时候是用下面的一段代码搞定：

html,body{
    width: 100%;
    height: 100%;
    background:url("../static/img/bg.jpg")no-repeat;
    /* background-size: 100% ; */
    overflow-x:hidden; 
    overflow-y:hidden;
    overflow-y: scroll;
	
}
::-webkit-scrollbar{ 
    display: none;
   /* background-color:transparent; */
}