微信小程序> 小程序踩坑之不同屏幕下动态改变translate值

小程序踩坑之不同屏幕下动态改变translate值

浏览量:530 时间: 来源:weixin_30515513

案例还原

小程序做一个进度条,可以通过拽转控制进度

那么肯定有一个进度条,不过小程序自己会做适配宽高

6s下这个div的width 是250

6splus就是276

但是问题来了,我拖拽用的是translateX,

这个值,小程序不会帮忙增加,

举个例子在6s机子下,进度条分为三级

小程序

总宽度250分为三段,那么translateX:低级为0,中级为225,高级就是250(不考虑拖拽图片的宽度)

这个值是写死的

在6sPlus的情况下,这个进度条宽度就自动增加为276,但是,我的translateX的值并不会自动增加,就会出现这样的情况

小程序

这就对不上了,那怎么解决

调用小程序api,获取dom元素增加后的width,手动给赋值

小程序

 

 小程序

回调结果会显示当前dom的属性

 小程序

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

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎