鍍金池/ 問(wèn)答/HTML/ 同時(shí)使用element-ui和transform屬性導(dǎo)致element的sele

同時(shí)使用element-ui和transform屬性導(dǎo)致element的select組件的彈出位置偏移 如何解決？

寫(xiě)了個(gè)項(xiàng)目 利用在body元素加上transform:scale()做自適應(yīng) 結(jié)果導(dǎo)致element的組件彈出位置偏移
圖片描述

如圖所示 白色彈出框應(yīng)該在藍(lán)色select框正下方 實(shí)際卻在左上方 看看了下elementui實(shí)現(xiàn)的方式是：
1 先將白色彈出元素利用absolute定位于body下
2 然后計(jì)算出left top的位置 此步好像是利用了popper.js這個(gè)庫(kù)

偏移的原因好像是因?yàn)閎ody下有transform屬性導(dǎo)致popper這個(gè)庫(kù)取的值不正確計(jì)算有偏差導(dǎo)致 請(qǐng)問(wèn)此問(wèn)題如何解決 有大神幫幫忙嗎
回答
編輯回答
瘋浪

有答案了嗎 我也遇到了這個(gè)問(wèn)題 的確是因?yàn)閠ransform取不到正確的值導(dǎo)致的 目前的解決方法有兩種 第一更改element-ui的源碼 這種實(shí)現(xiàn)比較完美 但對(duì)于使用webpack等工具兼容性不好 第二是利用margin修正位置 效果基本還行 兩種方式都不是很完美 正在尋找第三種方法

2017年4月13日 07:03