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

Question

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

Answer 1

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

Answer 2

可能页面存在滚动条。

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

应该是滚动条的问题，交互优化方面还是有瑕疵。关于滚动条的判断及计算