最近在小程序项目中遇到了点击一次获取多次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的特点,也解决了自适应的问题,最后成功解决了这个问题。