微信小程序踩坑記錄 ------- 使用原生表單組件 textarea 層級過高導致出現穿透問題的解決方案

微信小程序的組件有原生與非原生組件的區分,想必有些小夥伴是知道的,官方文檔裏面對於這裏的描述也是很清晰的,博主在這裏遇到的就是表單組件裏面的 textarea,由於原生組件的層級特性導致會出現穿透效果,非常影響用戶體驗,具體如下圖
在這裏插入圖片描述

下面的店鋪簡介就是 textarea 的傑作,在拉起選擇框的時候,總是能後穿透出來他的內部 placeholder 文字,讓人很頭疼;

我在這裏的解決方案是在拉起選擇框彈層的時候使用 js 將 textarea 隱藏掉,等選擇完成後再通過 js 將 textarea 隱藏取消,這樣就不會存在穿透效果了,代碼比較簡單,就不在這裏往出貼了,此處記錄只爲有相同問題的小夥伴提供一個解決的思路。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章