reactjs - 隐藏滚动条，但在react.js中保留滚动功能

Question

我已经尝试了所有适用于原始HTML，JS和CSS的方法，但是它似乎不起作用，并且当它不响应时(例如，当我缩小屏幕时隐藏它，但是如果它最大化显示了它)

请在那里解决material-ui和reactjs中的这个问题

有没有办法使其也兼容各种浏览器？

Answer 1

这对我有用，我创建了一个外部CSS文件，就像纯HTML和CSS一样，然后将其链接到react文件。它也是跨平台的。

.parentDiv{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.childDiv{
    position: absolute;
    top: 0;
    left: 0;
    bottom: -20px;
    right: -20px; 
    overflow: scroll;
 }

如果这对您来说太长了，请在您的CSS文件中尝试以下较短的方法:

*{
    -ms-overflow-style: none;
}
::-webkit-scrollbar {
    display: none;
}