隐藏滚动条，但在react.js中保留滚动功能 [英] hide scrollbar but keep scroll functionality in react.js

问题描述

我尝试了普通HTML、JS和CSS的所有方法，但它似乎不起作用，当它没有响应时(例如，当我缩小屏幕时，它会隐藏，但如果最大化，它就会显示出来)

请在Material-UI和Reactjs中解决此问题

有没有办法让它也兼容各种浏览器？

css

这对我很有效，我创建了一个外部推荐答案文件，就像纯HTML和css一样，然后将其链接到Reaction文件。也是跨平台的。

.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;
}

这篇关于隐藏滚动条，但在react.js中保留滚动功能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！