js 隐藏滚动条

/* 隐藏滚动条的 CSS 代码 */
body {
  /* 隐藏滚动条，但仍然可以滚动内容 */
  overflow: hidden;
  /* 为了解决隐藏滚动条后页面宽度变化的问题，可以使用以下样式 */
  padding-right: 15px; /* 根据需要调整 */
}

/* 如果只想隐藏滚动条而不是禁止滚动，可以使用以下方法 */
::-webkit-scrollbar {
  /* 针对 WebKit 浏览器（如 Chrome 和 Safari） */
  display: none;
}

/* 对于 Firefox 浏览器 */
html {
  scrollbar-width: none; /* 隐藏滚动条 */
}

解释说明：

1. overflow: hidden;：这行代码会隐藏整个页面的滚动条，但也会禁止页面的滚动。如果你只是想隐藏滚动条而不影响滚动功能，可以不使用这一行。

2. padding-right: 15px;：当隐藏滚动条时，页面的宽度可能会发生变化，导致页面内容抖动。通过设置 padding-right，可以避免这种问题。具体的值可以根据实际情况调整。

3. ::-webkit-scrollbar { display: none; }：这是针对 WebKit 内核浏览器（如 Chrome 和 Safari）的样式，专门用于隐藏滚动条，但不会阻止页面滚动。

4. scrollbar-width: none;：这是针对 Firefox 浏览器的样式，同样用于隐藏滚动条。