最近在小程序項目中遇到了點擊一次獲取多次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的特點,也解決了自適應的問題,最后成功解決了這個問題。