2017-06-23 38 views
-1

在任何页面,如果窗口滚动是可见的,如果我们打开材质的UI 对话框控件,它隐藏,因为这个页面的滚动发抖 调整宽度和再次因为这个滚动 的对话结束,页面抖动。 如何防止对话框 控件隐藏滚动?问题:材料UI对话框控件是隐藏窗口滚动

<Dialog 
    autoScrollBodyContent 
    title={<div> {props.title} </div>} 
    actions={onGetActionsByType(props)} 
    modal={false} 
    open={props.open} 
    style={dialogContainer} 
    titleStyle={props.titleStyle} 
    contentStyle={customContentStyle} 
    actionsContainerStyle={dialogActionsStyle} 
> 
</Dialog> 

这是打开对话框的代码。

+1

您是否有重现此问题的代码?如果是这样,请包括它。否则,很难指出问题。 –

+0

@AndrewT。它是可重现的,只要打开一个对话框,如果您的页面有任何窗口滚动。打开对话框后,它会折叠滚动并关闭滚动将出现的对话框后。 – jack123

+0

@AndrewT并不是这个意思。你必须添加代码,如果有的话,需要重现。添加一个片段,如果有的话,需要重新编写这个问题。还要添加一个引用,从您复制引用文本jack123的位置开始 –

回答

0

我终于找到了答案通过google搜索了很多: - 我们可以得到这里的解决方案 PreventDisapearofWindowScroll

我们必须设置: -

document.body.style.overflow = 'auto', 

任何一个可以找到从细节以上链接。