position: sticky 粘性定位的元素是依赖于用户的滚动.
它的行为就像 position:relative, 而当页面滚动超出目标区域时,它的表现就像 position:fixed;,它会固定在目标位置。
// 粘性定位的元素
<view class="sticky"></view>
// 添加 css 样式
.sticky {
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 500;
}
position: sticky 粘性定位的元素是依赖于用户的滚动.
它的行为就像 position:relative, 而当页面滚动超出目标区域时,它的表现就像 position:fixed;,它会固定在目标位置。
// 粘性定位的元素
<view class="sticky"></view>
// 添加 css 样式
.sticky {
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 500;
}