✨ 使用 CSS 隐藏滚动条,但不影响内容滚动。

在网页设计中，有时我们希望页面看起来更简洁美观，这时隐藏滚动条就显得尤为重要。不过，直接隐藏滚动条可能会导致用户无法滚动内容，这显然不是我们想要的结果。那么如何做到既隐藏滚动条又能让内容可以正常滚动呢？🌟

首先，在 CSS 中可以通过 `::-webkit-scrollbar` 来隐藏滚动条。例如，使用以下代码：

```css

/ 隐藏滚动条 /

body {

overflow-y: scroll;

scrollbar-width: none; / Firefox /

}

body::-webkit-scrollbar {

display: none; / Chrome, Safari 和 Opera /

}

```

这样设置后，滚动条会完全消失，但是你仍然可以用鼠标滚轮或者触摸板来滚动页面内容。这种技巧非常适合用于那些追求极简风格的设计中。💡

记住，虽然隐藏了滚动条，但一定要确保用户的体验不受影响。如果可能的话，测试一下不同浏览器下的效果，以保证兼容性。😉

通过这种方式，你的网站不仅外观更加精致，而且用户体验也会更好哦！🎉