博客

滑动时回弹抖动：

1、设置

scroll-anchoring

为

true


默认为false，开启 scroll anchoring 特性，即控制滚动位置不随内容变化而抖动，仅在 iOS 下生效，安卓下可参考 CSS overflow-anchor 属性。

2、不设

@scroll

和

scroll-top/scroll-left

，如下

<scroll-view class="scroll-view_Line" :scroll-anchoring="true" scroll-y="true">
	<view class="item_div">1</view>
	<view class="item_div">2</view>
	<view class="item_div">3</view>
</scroll-view >

scroll-view横向滚动不生效

这是因为scroll-view本身的

display:flex

不生效，所以需要设置下面两个css样式属性。

.scroll-view_Line {
	white-space: nowrap;
}
.scroll-view_Line .item_div {
	display: inline-block;
}