如何使用javascript隐藏滚动条而不影响正文宽度

Question

如何使用JavaSCript隐藏滚动条而不影响正文宽度？每当我点击一个按钮，滚动条就会被隐藏，这没关系，但主体宽度会受到影响。无论滚动条是否隐藏，我都希望主体宽度保持不变。

Answer 1

您可以使用以下样式隐藏滚动条，而不会更改对主体的影响：

body::-webkit-scrollbar
{
width: 0;
}

我希望这对你有用。

Answer 2

如果单击按钮时为主体指定overflow: hidden，则可以将padding-right: 17px设置为主体。