當前位置：首頁 > 前端技术 > CSS >内容正文

CSS

CSS 实现隐藏滚动条同时又可以滚动

發布時間：2024/4/17 CSS 36 豆豆

生活随笔收集整理的這篇文章主要介紹了 CSS 实现隐藏滚动条同时又可以滚动小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

原始功能：

添加偽類之后的功能：

完整demo如下：

<!DOCTYPE html>
<html>
?? ?<head>
?? ??? ?<meta charset="UTF-8">
?? ??? ?<title></title>
?? ??? ?<style>
?? ??? ??? ?::-webkit-scrollbar {display:none}
?? ??? ?</style>
?? ?</head>
?? ?<body>
?? ??? ?<div style=" width:200px;?? height: 200px;? overflow-y: scroll;">
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ??? ?11111</br>
?? ??? ?</div>
?? ?</body>
</html>
===========================================================

注：以上文章出自一位前端妹子，若有不足，歡迎指教，原文鏈接：前端技術交流平臺

若需要轉載，聯系原文作者或者聯系我的微信，姑娘家家創作不易，走過路過點個贊唄

轉載于:https://www.cnblogs.com/wangting888/p/7905422.html

總結

以上是生活随笔為你收集整理的CSS 实现隐藏滚动条同时又可以滚动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。