一步快速解決微信小程序中textarea層級太高遮擋其他組件
更新時間：2019年03月04日 11:16:57 作者：huobox
這篇文章主要給大家介紹了關(guān)于如何通過一步快速解決微信小程序中textarea層級太高遮擋其他組件問題的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
前言
由于小程序中的textarea組件是原生組件，而原生組件的層級是最高的，所以頁面中的其他組件無論設(shè)置 z-index 為多少，都無法蓋在原生組件上，造成輸入的文字會顯示在小程序其他組件上，如下圖所示：
<view class='bar bottomfix shadow justify-center'> <button class='' formType="submit" type="primary" style='font-size:12pt;border:0px;width:300px;'> 保 存</button> </view>
網(wǎng)上有一些繞彎路的解決辦法，其實小程序有一個直接解決原生組件覆蓋問題的辦法，就是使用cover-view，小程序為了解決原生組件層級最高的限制。小程序?qū)ｉT提供了 cover-view 和 cover-image 組件，可以覆蓋在部分原生組件上面。這兩個組件也是原生組件，但是使用限制與其他原生組件有所不同。
上方覆蓋部分改為如下即可：
<cover-view class='bar bottomfix shadow justify-center'> <button class='' formType="submit" type="primary" style='font-size:12pt;border:0px;width:300px;'> 保 存</button> </cover-view>
效果如下，動手試試吧！
到此就解決了遮蓋問題
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關(guān)文章
下面小編就為大家?guī)硪黄獪\談幾種常用的JS類定義方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
JavaScript實現(xiàn)網(wǎng)頁tab欄效果制作
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)網(wǎng)頁tab欄效果制作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)飛機(jī)大戰(zhàn)小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要介紹了Javascript實現(xiàn)滾動圖片新聞的實例代碼。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這ES6允許為函數(shù)參數(shù)設(shè)置默認(rèn)值，即直接寫在參數(shù)定義后面。下面篇文章主要介紹了ES6中參數(shù)默認(rèn)值語法的相關(guān)資料，對大家具有一定的參考價值，需要的朋友下面來一起看看吧。2017-05-05
我最開始寫過一個富交互的頁面，其中的JavaScript代碼包含了很多html標(biāo)簽2012-09-09
在網(wǎng)上搜索了下關(guān)于性能優(yōu)化方面的內(nèi)容，現(xiàn)簡單整理可供大家在優(yōu)化過程中使用，感興趣的額朋友可以了解下2013-08-08
本文主要介紹了Javascript事件對象的相關(guān)實例。具有一定的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要為大家詳細(xì)介紹了通過JS調(diào)用某段SQL語句的相關(guān)方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
JavaScript Map實現(xiàn)原理與底層結(jié)構(gòu)詳解
哈希表（也稱為哈希表）是一種基于鍵直接訪問內(nèi)存存儲位置的數(shù)據(jù)結(jié)構(gòu)。也就是說，它通過計算一個鍵值函數(shù)來加速查找，該函數(shù)將要查詢的數(shù)據(jù)映射到表中的某個位置。該映射函數(shù)稱為散列函數(shù)，記錄數(shù)組稱為散列表2022-09-09