最近在小程序項目中遇到了點(diǎn)擊一次獲取多次form_id的需求,為什么要獲取form_id這里不做闡述,有興趣的小伙伴可以點(diǎn)這里。
上度娘一搜,這個(gè)問(wèn)題也不是很難呀,就是根據標簽之間的嵌套來(lái)實(shí)現點(diǎn)擊一次獲取多個(gè)form_id.具體如下:
wxml:
wxss:
這里樣式是關(guān)鍵,我們都可以看到這里的view標簽使用了fixed定位,如果頁(yè)面是一屏的話(huà),沒(méi)什么問(wèn)題。但是如果是多屏的話(huà),就難受了,效果如圖:
原來(lái)的需求是需要點(diǎn)擊了解更多進(jìn)入新的頁(yè)面并且獲取form_id,但是由于fixed原因,隨著(zhù)頁(yè)面的滾動(dòng)標簽不會(huì )移動(dòng),這樣肯定是不可以的。左試右試,還是不行,最后終于找到了一個(gè)騷操作解決問(wèn)題:
這里需要說(shuō)的是px和rpx之間的轉換比例,rpx單位是微信小程序中css的尺寸單位,rpx可以根據屏幕寬度進(jìn)行自適應。規定屏幕寬為750rpx。如在 iPhone6 上,屏幕寬度為375px,共有750個(gè)物理像素,則750rpx = 375px = 750物理像素,1rpx = 375/750=0.5px 1px = 750/375 = 2rpx,這時(shí)屏幕滾動(dòng)多少距離,就讓標簽在原來(lái)的位置上上移多少距離,而且因為rpx的特點(diǎn),也解決了自適應的問(wèn)題,最后成功解決了這個(gè)問(wèn)題。