W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> .example { background-color: #eee; width: 200px; height: 100px; border: 1px dotted black; overflow-y: scroll; /* 添加滚动功能 */ } /* 隐藏 Chrome、Safari 和 Opera 的滚动条 */ .example::-webkit-scrollbar { display: none; } /* 隐藏 IE、Edge 和 Firefox 的滚动条 */ .example { -ms-overflow-style: none; /* IE 和 Edge */ scrollbar-width: none; /* Firefox */ } </style> </head> <body> <h1>隐藏滚动条但保留功能</h1> <p>尝试在下面的 div 中滚动：</p> <div class="example">一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. 一些文本以启用滚动.. < /div> </body> </html>