1、背景锁定与滚动条引起的抖动问题
弹框的原意就是要聚焦用户的注意力，因此我们要做的是 – 背景锁定(从技术角度其实是暂时性干掉滚动条)。
当Dialog弹框出现的时候，根元素overflow:hidden.
前端实现原理
此时，由于页面滚动条从有到无，页面会晃动，这样糟糕的体验显然是不能容忍了，于是，对元素进行处理，右侧增加一个滚动条宽度（假设宽度是widthScrollbar）的透明边框。
Dialog隐藏的时候再把滚动条放开
2、避免弹框上再弹出弹框
要尽量避免在弹框上再弹一层弹框，2层蒙版会让用户觉得负担很重。可以改用轻量弹框或重新把交互梳理
3、蒙版增强品牌感
不一定是纯黑或纯白，可以根据产品主色来搭配萌版。
Tumblr的蒙版颜色採用了它的品牌色rgba(54,70,93,.95)
Twitch的蒙版颜色在黑色中混入了一点紫色rgba(32,28,43,.9)，与它的品牌色相符
网友评论