小程序-textarea，input内文本浮在定位元素和弹框之上的解决

• 试过官方的cover-view包裹加z-index不生效

1、浮在定位按钮表层

• 问题显示如下

<view class='pageContent'>
	<text>超长的页面内容</text>
</view>
<!-- 底部定位元素 -->
<view class='foot_cate'> 
	<button>立即支付</button>
</view>

.foot_cate { 
	position: fixed;  
	bottom: 0;  
	width: 100%;  
	background-color: #fff;  
}

• 解决完成显示

<scroll-view scroll-y="true" style="height:92vh;">
	<view class='pageContent'>
		<text>超长的页面内容</text>
	</view>
<scroll-view scroll-y="true" style="height:92vh;">
<!-- 底部定位元素 -->
<view class='foot_cate'> 
	<button>立即支付</button>
</view>

.foot_cate { 
	position: absolute;  
	bottom: 0;  
	width: 100%;  
  	background-color: #fff;  
}

• 注：将底部固定定位的元素改为绝对定位，整个内容不超过整个页面高度，将超出页面滑动的部分包裹在 scroll-view 标签中并纵向滑动，底部留出定位元素高度即可，这样滑动元素的高度不会达到底部定位元素，就不会浮出。

2、浮在弹框表层

• 解决
• 给textarea，input 增加 wx:if 判断条件，当弹框显示是控制 textarea，input 显示条件为 false 即可。