小程序踩坑之不同屏幕下動態改變translate值


案例還原

小程序做一個進度條,可以通過拽轉控制進度

那么肯定有一個進度條,不過小程序自己會做適配寬高

6s下這個div的width 是250

6splus就是276

但是問題來了,我拖拽用的是translateX,

這個值,小程序不會幫忙增加,

舉個例子在6s機子下,進度條分為三級

總寬度250分為三段,那么translateX:低級為0,中級為225,高級就是250(不考慮拖拽圖片的寬度)

這個值是寫死的

在6sPlus的情況下,這個進度條寬度就自動增加為276,但是,我的translateX的值並不會自動增加,就會出現這樣的情況

這就對不上了,那怎么解決

調用小程序api,獲取dom元素增加后的width,手動給賦值

 

 

回調結果會顯示當前dom的屬性

 

然后,想怎么玩就怎么玩了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM