微信小程序--特定区域滚动到顶部时固定

最新推荐文章于 2025-06-19 10:44:46 发布

weixin_41941325

最新推荐文章于 2025-06-19 10:44:46 发布

阅读量3.3w

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：滚动到顶部时固定

本文链接：https://blog.youkuaiyun.com/weixin_41941325/article/details/80761115

项目要求：

如图所示，当页面滚动到导航条到达搜索栏下方时固定，向上滚动到导航条位置时又恢复原样。
以下是代码展示：
1.wxml

<scroll-view style="width:100%;height: 100%;" scroll-y="true" bindscroll="scrollTopFun">
    <view class="{
   
   {top>130 ? 'topnav' : ''}}">
    <--这里写大于130，表示距离顶部130rpx时固定，可根据需要修改-->
        ...
    </view>
</scroll-view>

2.wxss