微信小程序之 吸顶效果

需求：进入页面后首先看到banner布局，然后是tab切换栏以及页面内容，当页面滚动到一定距离后，tab切换栏始终固定在顶部

1. wxml部分代码如下：

<!--pages/test/test.wxml-->
<view style="padding-bottom:30rpx;position:fixed;top:0;width:100%;background:#2ea7e0;">
	<view class="wehx-top_input weui-flex">
		<!-- 搜索框 -->
		<view class="weui-flex__item">
			<view class="wehx-search__form">
				<view class="wehx-search__box">
					<icon class="weui-icon-search_in-box" type="search" size="17" color="#0C98C5"></icon>
					<input type="text" class="wehx-search__input" placeholder-class="wehx-input_placeholder" placeholder="关键字搜索,空格隔开" confirm-type="search" bindconfirm="search" value="{
  {search}}" />
					<view class="weui-icon-c