进入正题,有时候在项目中,需求不想要某些滚动条怎么办呢?
首先看HTML解决滚动条的方法。
方法1.父盒子overflow:hidden 子盒子比父盒子宽17 实现视觉隐藏滚动条(为什么是17px呢,因为自己测了下,滚动条宽度就是17px)
子盒子添加内容溢出滚动条显示属性 overflow-y:scroll 并设置好宽高 可实现隐藏滚动条也可是滚轮触发滑动,使用此方法 无法监听window的滚动条事件。
代码示例:
.box{
width:300px;
height: 400px;
overflow: hidden;
}
.box>div{
width: calc(100% + 17px);
overflow-y: scroll
}
.header{
height: 80px