您好,欢迎来到千界官方网站!
  • 千界
搜索
关键词:微信商城、营销推广、营销型网站、微信平台
199-6543-0236
199-6543-0263

联系方式contact us

0551-62150759
客服-鑫鑫:3523331237,客服-蒙蒙:858082063,售后-兵兵:443933605
安徽合肥高新区长江西路与樊洼路交口蓝光禹洲城营销中心1511-1516
新闻资讯
您现在的位置:新闻资讯 -科技前沿

微信小程序点击一次获取多个form_id的坑

发布时间:2019-11-21 点击数:1481

最近在小程序项目中遇到了点击一次获取多次form_id的需求,为什么要获取form_id这里不做阐述,有兴趣的小伙伴可以点这里。

   上度娘一搜,这个问题也不是很难呀,就是根据标签之间的嵌套来实现点击一次获取多个form_id.具体如下:

    wxml:

    wxss:

    这里样式是关键,我们都可以看到这里的view标签使用了fixed定位,如果页面是一屏的话,没什么问题。但是如果是多屏的话,就难受了,效果如图:

    原来的需求是需要点击了解更多进入新的页面并且获取form_id,但是由于fixed原因,随着页面的滚动标签不会移动,这样肯定是不可以的。左试右试,还是不行,最后终于找到了一个骚操作解决问题:

    这里需要说的是px和rpx之间的转换比例,rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 375/750=0.5px 1px = 750/375 = 2rpx,这时屏幕滚动多少距离,就让标签在原来的位置上上移多少距离,而且因为rpx的特点,也解决了自适应的问题,最后成功解决了这个问题。


在线咨询
在线咨询
在线咨询
在线咨询
咨询电话
199-6543-0236
199-6543-0263
0551-62150759
在线咨询
在线咨询
在线咨询
在线咨询
在线咨询
在线咨询