小程序查询条件组件部任意时候都展示顶部

当组件在屏幕范围内时，会按照正常的布局排列，当组件滚出屏幕范围时，始终会固定在屏幕顶部。 具体使用见微信开发文档

sticky

npm install @miniprogram-component-plus/sticky

// page.json
{
    "usingComponents": {
        "mp-sticky": "@miniprogram-component-plus/sticky"
    }
}

<mp-sticky offset-top="32">
  <button size="mini" type="primary" style="margin-left: 115px; background-color: #1989fa">吸顶距离</button>
</mp-sticky>

 

当吸顶的组件有左右滚动条时，使用sticky会出现滚动条消失的问题，此时需要添加一下样式可解决

.weui-sticky__fixed{
    width: 100%!important;
}