reactjs - Material-UI Divider 在屏幕右侧添加了一个滚动条,当我从组件中删除它时,没有 ScrollBar
问题描述
有没有办法删除滚动条,每当我将分隔线添加到我的主页时,它就会被添加,就在菜单的正下方。
这是代码
return (
<Box className={classes.root}>
<Grid item xs={12}>
<Header />
</Grid>
<Divider flexItem={true} className={classes.headerDivider}/>
<Grid item xs={12}>
{body}
</Grid>
<Grid item xs={12}>
<Footer/>
</Grid>
</Box>
);
}
}
解决方案
添加css隐藏水平滚动
.some-box-class {
overflow-x: hidden;
}
推荐阅读
- node.js - 猫鼬填充,execPopulate 不起作用
- node.js - 如何在激活断点的 Visual Studio Code 中调试 NodeJS start-server-and-test Jest 测试
- firebase - 为什么出现在 Firebase StreamView 中的某些用户的名称旁边显示“0”,而其他用户的名称旁边显示“1”?
- python - 熊猫读取和大型数据库并在之后将其写回
- keycloak - Keycloak 中的授权码授予流程
- c - C中的&p和*p_p有什么区别?
- c++ - 如何将类的属性从 c++ 获取到 QML
- xamarin.android - 在列和另一个集合中搜索
- cuda - 在 CUDA Unified Memory 多 GPU 或多处理器中使用原子算术运算
- javascript - CSS transition doesn't work after Javascript