1、最近使用scroll-view发现出现IOS滚动卡顿的问题,Android不会,修改了它的几个参数都没有修复,最后就使用better-scroll替换,成功解决:
html:
<view class="wrapper">
<SampleListCard
v-for="(item, key) in list"
:key="key"
:model="model"
:item="item"
:formatterMap="formatterMap"
@click.native="handleEdit(item)"
>
<view slot="cardFooter">
<GBlockButton
v-if="operationType !== 'view'"
type="error"
:text="$t('sample-collection.delete')"
@click.stop="handleRemove(item)"
></GBlockButton>
</view>
</SampleListCard>
</view>
JS引用:
import BScroll from "better-scroll";
mounted() {
const wrapper = document.querySelector(".wrapper");
new BScroll(wrapper, {
scrollY: true,
click: true,
});
},
2、使用scroll-view遇到顺滑地滚动到底部没有自动触发scrolltolower事件,要先向下拉一小段再往上拉才能触发,并且触发时机也不对,不是在滚到底部的时候,任何距离都可以;排查了一下,发现是scroll-view的高度设置为100%,改成固定高度就可以了:
data() {
return {
scrollHeight: window.innerHeight - 94 + "px",
};
},