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

如何使用javascript隐藏滚动条而不影响正文宽度?,javascript,html,css,reactjs,Javascript,Html,Css,Reactjs,如何使用JavaSCript隐藏滚动条而不影响正文宽度?每当我点击一个按钮,滚动条就会被隐藏,这是正常的,但是主体宽度会受到影响。无论滚动条是否隐藏,我都希望主体宽度保持不变。如果单击按钮时给出主体溢出:隐藏,则可以将右填充:17px设置到主体。如果单击按钮时给出主体溢出:隐藏,您可以将右填充:17px设置为正文。您可以使用以下样式隐藏滚动条,而不会对正文产生影响: body::-webkit-scrollbar { width: 0; } 我希望这对您有用。您可以使用以下样式

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

如果单击按钮时给出主体
溢出:隐藏
,则可以将
右填充:17px
设置到主体。

如果单击按钮时给出主体
溢出:隐藏
,您可以将
右填充:17px
设置为正文。

您可以使用以下样式隐藏滚动条,而不会对正文产生影响:

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

我希望这对您有用。

您可以使用以下样式隐藏滚动条,而不会对身体造成影响:

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

我希望这对您有用。

请粘贴一些代码。您可以使用css
右边距
来完成UI技巧。需要您提供一些示例代码来处理答案。请粘贴一些代码。您可以使用css
margin right
来完成UI技巧。需要您提供一些示例代码来处理答案。