Javascript 有没有办法从我的网站的每个浏览器中删除滚动条？

因此，我正在使用React.js构建我的公文包，我一直在删除滚动条。我分别尝试了父div的

overflow:hidden

和子div的

overflow:scroll

，但它不起作用，我尝试了Fullpage.js，但对我不起作用

我想完全删除整个网站的滚动条。你能帮帮我吗？这是我的App.js

~这是一个参考网站：

import React，{useState}来自“React”；
导入“/App.scss”；
从“./主页/主页”导入主页；
从“./About/About”导入关于；
从“./Skill/Skill”导入技能；
从“./Project/Project”导入项目；
从“./Contact/Contact”导入联系人；
从“../../common/ThemeSecontext”导入ThemeSecontext；
函数App（）{
const[theme，setState]=useState（'darks'）
常量主题样式={
黑暗：{
背景:"121212",，
初级：“#达达”，
中学：“A13251”
},
灯光：{
背景：“#e1e1”，
主要：'#333333'，
次要：'#008F96'
}
}
返回(
);
}
导出默认应用程序；

您可以使用css隐藏滚动条。但不适用于移动浏览器

.hide-scrollbar {
  scrollbar-width: none; /* Firefox 64 */
  -ms-overflow-style: none; /* Internet Explorer 11 */
}
.hide-scrollbar::-webkit-scrollbar { /** WebKit */
  display: none;
}

另一个解决办法是

.element::-webkit-scrollbar { 
    width: 0 !important 
}

---

我在safari中没有看到滚动条。但顺便说一句，在用户滚动时污染用户的历史记录是令人讨厌的…如果有人滚动超过一到两帧，使用后退按钮离开您的站点是不可能的。那不是我的站点。我只是把这个链接作为参考@你为什么不检查一下你的参考网站是如何实现它的？你可以自己调试并查看吗？@Prajwal~我已经试过了，他使用的是FullPage.js，这对我的场景不起作用。@BloodyLogic~整个代码？

.element::-webkit-scrollbar { 
    width: 0 !important 
}