css隐藏滚动条可以滚动怎么实现？
问：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)
除注明外的文章,均为来源:老汤博客,转载请保留本文地址！
原文地址：https://tangjiusheng.cn/web/ask/353.html
原文地址：https://tangjiusheng.cn/web/ask/353.html