css隐藏滚动条可以滚动怎么实现？

分类：前端问答时间：2022-05-23 07:30:19

问：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>

二、效果展示如下图

css隐藏滚动条可以滚动怎么实现

除注明外的文章,均为来源:老汤博客,转载请保留本文地址！
原文地址：https://tangjiusheng.com/web/ask/353.html

关注下头条号后，请私信将免费分享给你一份web前端资料！
立即关注

大家都在看