首页 > 其他 > 详细

keepBigger 组件遇上 dialog animation

时间:2021-02-04 15:31:33      阅读:27      评论:0      收藏:0      [点我收藏+]

dialog animation 会 scale(0.7) => scale(0.1), keepBigger 组件会拿到的 size 是 scale(0.7)

因为通过 getBoundingClientRect 去拿, 好处是精准, 坏处是拿到 scale 当下的状况

 

为了拿到对的 size, 调用 offsetWidth 替代 getBoundingClientRect 

好处是 ignore scale, 坏处是不精准

不精准会导致 keepBigger 组件会跳一下

 

例子:

width: 100.1px 被进位成 100px, 当内容减少时, 用户会看到 100.1px 跳去 100px

 

组件工作

拿当下的 width, 去 set min-width

keepBigger 组件遇上 dialog animation

原文:https://www.cnblogs.com/stooges/p/14372003.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!