微信小程序——特定区域滚动到顶部的固定方法

项目要求：

如图所示，当页面滚动到搜索栏下方的导航栏时，是固定的，当它向上滚动到导航栏位置时，又回到原来的状态。下面是一个代码演示：

1.wxml

滚动视图样式=' width :100%；' height : 100%；'scroll-y=' true ' bind scroll=' scroltopfun ' view class=' { { top 130？top nav ' : ' ' } } '-这里写大于130，也就是说离顶部130rpx的时候是固定的，可以根据需要修改-./view/scroll-view2.wxss。topnav{ position:固定；top: 85rpxz索引：99；背景# fff宽度： 100%；}3.js

Data={top:0}//控制按钮回到顶部的显示和消失。scrollTopFun(e){让那个=这个；that . top=e . detail . scroll top；那个。$ apply()；}其实整个思路很简单，widget scroll-view有自己的属性bindscroll(滚动时触发)。通过这个属性从顶部获取浏览器滚动条的位置，通过这个位置判断类类的显示。

以上是边肖介绍的微信小程序——特定区域滚动到顶部的固定方法。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！