小程序开发系列(五)悬浮搜索框

悬浮搜索框是当数据界面不断滚动时，搜索框始终悬浮在最上方。来看一下效果图

UI代码

 <view class="search-wrapper">
    <view class="search-panel">
      <view class="search-section">
        <view class="search-button-wrapper">
          <image class="search-button" src="/images/scan.png" bindtap="scan"></image>
        </view>
        <view class="search-input-wrapper ">
          <input bindinput="bindBarcodeInput" bindconfirm="query" bindfocus="bindBarcodeFocus" bindblur="bindBarcodeBlur" class="search-input" placeholder="扫描或者手动输入条码" value="{
  {barcode}}" confirm-type="search" />
        </view>
        <view class="search-button-wrapper">
          <image class="search-button" src="/images/search.png" bindtap="query"></image>
        </view>
      </view>
    </view>
    <view class&