.container{
width: 600rpx;
height: 800rpx;
}
.a {
position: sticky;
position: -webkit-sticky;
top: 0;
width: 100%;
height: 200rpx;
background-color: black;
}
.b {
width: 100%;
height: 3000rpx;
background-color: red;
}
<scroll-view class="container">
<view>
<view class="a"></view>
<view class="b"></view>
</view>
</scroll-view>
sticky的元素在到达父元素的底部时会失效
scroll-view的高度为800rpx,但是scrollHeight为3200rpx,所以在scroll-view中嵌套一个view就能顺利定位
您好,我在 .a外面给他包裹一层,然后再给a_0定位就不生效了,请问为什么呢?
<view class="a_0> <view class="a"></view> </view> <view class="b"></view>
<view>
<view class="a_0">
<view class="a"></view>
</view>
<view class="b"></view>
</view>
解决问题了,谢谢分享!
有一个问题,不知道你解决没 .
scroll-view 里面加一个view 包住 子项, 是可以使用sticky 但是 ,会导致 :scroll-into-view 方法 失效(选择后面的不会失效,但是返回顶部的会失效)
奥里给,谢谢大🐻弟
但是 IOS里,scroll-view滑动的时候,sticky元素会抖动怎么办呢
谢谢分享, 解决了
谢谢分享!解决我大问题了