CSS实现隐藏滚动条,让内容自由滚动:完美实现!

4 min read

可以使用CSS中的::-webkit-scrollbar伪类来对滚动条进行样式控制。

以下是一个将滚动条隐藏但内容可以滚动的示例代码:

body {
  overflow: auto; /* 让内容可以滚动 */
  scrollbar-width: none; /* 隐藏滚动条 */
}
body::-webkit-scrollbar {
  display: none; /* 隐藏滚动条 */
}

这段代码将隐藏body元素中的滚动条,同时允许内容在需要时可以滚动。注意此方法只适用于webkit内核的浏览器(如Chrome、Safari等),在其他浏览器中可能需要使用不同的方法。