隐藏滚动条但内容可以滚动，这个需求可以通过CSS的伪元素和自定义滚动条样式来实现。不过需要注意的是，这种方法可能并不在所有浏览器中都有效，特别是在一些旧的或非主流的浏览器中。
以下是一个基本的示例，展示如何使用CSS隐藏滚动条但保持内容可滚动：
/* 为需要滚动的内容设置一个容器 */
.scrollable-content {
width: 100%;
height: 200px; /* 或者你需要的任何高度 */
overflow-y: scroll; /* 允许内容在垂直方向上滚动 */
scrollbar-width: none; /* Firefox 浏览器隐藏滚动条 */
}
/* Chrome, Edge, 和 Safari 浏览器隐藏滚动条 */
.scrollable-content::-webkit-scrollbar {
display: none;
}
在这个示例中，.scrollable-content 是你希望滚动的内容的容器的CSS类名。你需要将这个类名应用到你HTML中的相应元素上。例如：
<div class="scrollable-content">
<!-- 这里是你的内容 -->
</div>
这段代码将使得 .scrollable-content 容器中的内容可以滚动，但是滚动条会被隐藏。注意，这种方法依赖于浏览器的特定实现，因此可能并不在所有浏览器中都有效。在撰写此回答时（2023年），这种方法在主流的现代浏览器中（如Chrome、Firefox、Edge和Safari）是有效的。然而，随着时间的推移，你可能需要检查并更新你的代码以确保其兼容性。