CSS 滚动不显示滚动条 在网站开发中，经常会出现需要滚动页面的情况。但是，有时候我们并不希望显示滚动条。那么，该如何实现呢？下面我们就来介绍一下如何使用 CSS 来实现滚动不显示滚动条的效果。 首先，我们需要在 CSS 中使用 overflow:hidden 属性来隐藏滚动条。但是，这样只能隐藏滚动条，并不能实现滚动页面的效果。我们需要再使用 overflow:auto 属性来让页面发生滚动。 具体实现方式如下：

// HTML 
<div class="scroll"> 
<p>这是一段需要滚动的文本。</p>
<p>这是一段需要滚动的文本。</p>
<p>这是一段需要滚动的文本。</p>
<p>这是一段需要滚动的文本。</p>
<p>这是一段需要滚动的文本。</p>
</div>
// CSS 
.scroll { 
width: 200px; 
height: 100px; 
overflow: hidden; 
} 
.scroll p { 
padding: 10px; 
} 
.scroll:hover, 
.scroll:active, 
.scroll:focus { 
overflow: auto; 
}

在上面的代码中，我们先定义了一个名为 “scroll” 的 div 容器，并给定了宽度和高度。接着，我们通过 overflow:hidden 属性来隐藏页面滚动条。然后，我们再定义 div 容器中的 p 标签的 padding 值，使文本与容器边缘之间留出间距。最后，我们使用三个伪类选择器来控制滚动条的生成，在 div 容器被 hover、active 或聚焦时，我们将 overflow 属性改为 auto，使页面可以滚动。 总的来说，CSS 滚动不显示滚动条是一种很常用的技巧，在需要显示内容同时又不希望显示滚动条的情况下，非常实用。