css 滚动条不显示但能滚动

 

先看效果，滚动条隐藏依然可以正常滚动

.scrollable（用你自己的盒模型） 是你的 div 盒模型

​
/* 隐藏滚动条，但仍可滚动 */

.scrollable {

overflow: auto; /* 保持可滚动 */

scrollbar-width: none; /* 对于 Firefox 隐藏滚动条 */

}

/* 针对 Chrome, Safari 和 Opera */

.scrollable::-webkit-scrollbar {

display: none;

}

/* 针对 IE 和 Edge 可以不加 */

.scrollable {

-ms-overflow-style: none; /* IE 和 Edge 隐藏滚动条 */

}

​