css 页面去除滚动条方法

• 前端

步骤一：给元素设置高度 + overflow: auto;

如果只是去除垂直方向上的滚动条，可以设置 overflow-y

PS：水平方向溢出设置：overflow-x ；

水平和处置方向溢出设置一致时，可以设置：overflow

代码示例：

一个类名为 ‘scroll-box’ 设置了一定高度，它里面的内容如果超出了设定的高度，就会出现滚动条，上下翻滚可以查看完整的内容：

.scroll-box {
	height: 200px;
	overflow-y: auto;
}

步骤二：隐藏滚动条

有时候只需要上下翻滚查看，不想要滚动条，去除该元素滚动条的方法：

.scroll-box::-webkit-scrollbar {
    display: none;
  }

图片示例：

出去滚动条前：

在这里插入图片描述

去除滚动条后：

在这里插入图片描述

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://www.net2asp.com/5218d2a292.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐