问：css隐藏滚动条可以滚动怎么实现？
答：可以用伪元素来实现，就是-webkit-scrollbar为display: none即可
一、css隐藏滚动条可以滚动实现代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>css隐藏滚动条可以滚动</title>
<style type="text/css">
.box {
width: 200px;
height: 100px;
overflow-y: auto;
}
.box::-webkit-scrollbar {
display: none;
}
</style>
</head>
<body>
<div class="box">我是你看不见的隐藏滚动条我是你看不见的隐藏滚动条
我是你看不见的隐藏滚动条我是你看不见的隐藏滚动条我是你看不见的隐
藏滚动条我是你看不见的隐藏滚动条我是你看不见的隐藏滚动条我是你看
不见的隐藏滚动条</div>
</body>
</html>二、效果展示如下图
\Youdao\YoudaoNote\qq26FB3EA1A7374D4FF05B1FED200C51DD\5e5947d80e094b6987cb02f2507c59b8\1.gif.gif "css隐藏滚动条可以滚动怎么实现？-第1张图片-前端这点事")
版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。
还木有评论哦，快来抢沙发吧~