在做小程序的时候向上滑动页面,让某一组件固定在顶部,如图:
别人写的解决方法:
通过页面onPageScroll方法解决
方法我试了,可以用。但是他适用于原本不在顶部的组件滚动到顶部,实现在顶部固定。但是原本就在顶部的,就会出现卡顿情况。
解决办法:
<view class="box" style="position:fixed;width:100%; top:0; z-index:999" >
然后在下面的组件CSS属性里面加一个margin-top: 100rpx;
1000rpx是这个的高度:
不加这个的话,下面的组件会向上移动。造成组件遮挡。