微信小程序的組件有原生與非原生組件的區分,想必有些小夥伴是知道的,官方文檔裏面對於這裏的描述也是很清晰的,博主在這裏遇到的就是表單組件裏面的 textarea
,由於原生組件的層級特性導致會出現穿透效果,非常影響用戶體驗,具體如下圖
下面的店鋪簡介就是 textarea
的傑作,在拉起選擇框的時候,總是能後穿透出來他的內部 placeholder
文字,讓人很頭疼;
我在這裏的解決方案是在拉起選擇框彈層的時候使用 js 將 textarea
隱藏掉,等選擇完成後再通過 js 將 textarea
隱藏取消,這樣就不會存在穿透效果了,代碼比較簡單,就不在這裏往出貼了,此處記錄只爲有相同問題的小夥伴提供一個解決的思路。