javascript - material-ui输入选择属性隐藏body溢出-y滚动-react js

标签 javascript html css reactjs material-ui

我正在使用 Material-ui v3.1.2 和 react js v16.5.2。在我的页面中,有很多地方我正在使用 <TextField>select属性。所以,每当我点击 TextField当下拉菜单出现时,它隐藏了我的父垂直滚动条,导致一些 ui 向右移动,因为它隐藏了滚动条。我不希望这种情况发生,所以任何解决方案都会有很大帮助。

这是打开下拉列表之前的屏幕截图,

Screenshot_before_dropdown

这是打开下拉菜单后的屏幕截图,
Screenshot_after_dropdown

最佳答案

此问题的解决方法是使用 material-ui 的 Select 组件并使用“disableScrollLock: true”属性。但在这种情况下,滚动条在打开选择时不会消失,因此在选择选项打开时整个页面都是可滚动的。

<Select
    MenuProps={{
          disableScrollLock: true,
        }}
...
/>

关于javascript - material-ui输入选择属性隐藏body溢出-y滚动-react js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53846833/

相关文章:

javascript - 如何查看 Handlebars 模板中的所有可用变量

html - 相对于同级水平定位元素而不包装 div

html - <td> 宽度在我的表中不起作用

javascript - 在没有提示的情况下在新选项卡上的 IE11 中打开 PDF - mssaveoropenblob

javascript - 带有 QueryString 的 URL 未命中 MVC Controller 方法

javascript - 用于选择表中所有行的复选框

html - CSS:当 child 溢出时容器div上的滚动条

html - 构建网站并显示使用 XSLT 转换的 XML 文档

css - 链接与样式表相关的背景图像

javascript - $.validator.setDefaults({ onkeyup : false }) to disable MVC3 onKeyup for Remote attribue 放在哪里