1. 简介
CSS 中的粘性定位（Sticky positioning）是一种特殊的定位方式，它可以使元素在滚动时保持在视窗的特定位置，类似于相对定位（relative），但当页面滚动到元素的位置时，它会表现得像固定定位（fixed）。这种定位方式特别适用于导航栏、侧边栏等需要在页面滚动时保持在特定位置的元素。
具体表现在：
- 当滚动的高度
>元素与浏览器的高度时，会以fixed固定定位显示。 - 当滚动高度
<元素与浏览器高度时，会以relative相对定位显示。
2. 使用粘性定位
要使用粘性定位，你需要设置元素的 position 属性为 sticky，并通过 top、right、bottom 或 left 属性来定义元素在滚动到这个位置时应该保持的距离。
<!--pages/mine/mine.wxml--><scroll-view scroll-y class="container"><view style="background-color:rgba(255,192,203,50%);"><view class="navMenu"><view wx:for="{{menuItems}}">{{item}}</view></view> <view class="b">{{text}}</view></view>
</scroll-view>/* pages/mine/mine.wxss */.container{height: 1000rpx;background-color:rgb(137, 207, 235,50%);
}
.navMenu {position: sticky;position: -webkit-sticky;top: 0;border: 1px solid #ddd;background-color: #fff;width: 200rpx;left: 50rpx;
}
.navMenu view{height: 60rpx;line-height: 60rpx;border-bottom: 1px solid #ddd;margin: 0 20rpx;
}
.navMenu :last-child{border: none;
}
.b{width: 100%;height: 3000rpx;font-family:'Courier New', Courier, monospace;background-color: #eee;
} 
3. 常见用途：
- 导航栏：使导航栏在滚动时固定在页面顶部。
- 表格标题：使表格标题在垂直滚动时保持可见。
- 侧边栏：使侧边栏在滚动时保持在视口内。
- 其他需要在滚动时保持部分内容可见的场景。
其他定位可参考：
CSS定位：相对、绝对、固定、粘性CSS 定位（position）是一种用于精确控制元素在页面上位置的机制。通过设置po - 掘金