改变overflow的样式
Google 浏览器 (一般都是以下写法)
#m3_prize .list {
width: 480px;
height: 276px;
position: absolute;
left: 45px;
bottom: 35px;
overflow-y: scroll;
overflow-x: hidden;
}
#m3_prize .list::-webkit-scrollbar {
width: 3px;
height: 218px;
}
#m3_prize .list::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px #ff4343;
}
#m3_prize .list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px transparent;
border-radius: 2px;
background: transparent;
}
IE浏览器无法设置浏览器的宽度、高度,只能隐藏,并不影响滑动
#m3_prize .list {
-ms-scroll-chaining: chained;
-ms-overflow-style: none;
-ms-content-zooming: zoom;
-ms-scroll-rails: none;
-ms-content-zoom-limit-min: 100%;
-ms-content-zoom-limit-max: 500%;
-ms-scroll-snap-type: proximity;
-ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
-ms-overflow-style: none;
overflow: auto;
}