html - 如何更改整个页面的默认滚动条并且仅在一个 div 内

Question

我正在尝试借助 tutorial. 更改我网页的默认滚动条

问题是，滚动条会随着我们放在特定 div 标签内的内容而不是整个页面的内容而改变。例如在这个 demo 中。滚动条已经改变，但不是整个页面。任何人都可以帮我改变整个页面的滚动条，只是一个特定的内容 block

提前致谢。

Answer 1

您无法更改大多数浏览器中的浏览器滚动条。

你只能在一个元素上有一个自定义滚动条。

要解决此问题，您需要使用溢出。

html, body {
overflow:hidden;
}

Thios 将禁用默认滚动条和行为。

然后您可以在所有内容周围使用包装器元素并将 js 应用到它。