使用element-ui的弹出框(dialog),页面会抖动一下,是什么原因?

使用element-ui的弹出框(dialog),页面会抖动一下,是什么原因?

阅读 18.4k
8 个回答

可能页面存在滚动条。

点击之前页面不存在滚动条,出现弹出框后页面存在滚动条。

找到出现滚动条的节点,加样式 overflow: hidden; 根据我个人经验,出现滚动条的节点大概率是dialog的mask节点。。。

你这种情况是因为dialog内容太大了撑开了浏览器,把整体dialog的position调上一点就好了,他dialog组件应该会有关于position的api,实在不行自己改css

我的情况是: 当dialog出现时, 页面右边缩小了5px, 看起来像是楼主所说的抖动了一下.然后我看了一下页面的样式,发现body多了样式样式,padding-right:5px 和 overflow: hidden.
然后我就在全局设置body的padding-right:0 !important 就好了!

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题