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