微信小程序如何用CSS3实现导航栏滑动定位？

本文共计783个文字，预计阅读时间需要4分钟。

原文示例讲述了一个微信小程序实现导航栏滑动定位功能。以下为简化版：

微信小程序导航栏滑动定位功能示例

分享给家长供参考：

+ 实现效果：导航栏随滚动定位+ 实现原理： 1. 监听滚动事件获取滚动条位置 2. 判断导航栏是否需要定位

本文实例讲述了微信小程序导航栏滑动定位功能。分享给大家供大家参考，具体如下：

实现的效果

实现的原理

1. 通过对scroll的监听获取滚动条的scrollTop值;

2. 在导航的class判断scrollTop;

3. 切换position:fixed与position:relative。