<template>
<view>
<swiper :current="tabIndex" style="height: 300px;" :duration="300">
<swiper-item>
<scroll-view style="height: 300px;" scroll-y="true" @scrolltolower="handleMore">
<view style="height: 100rpx;" v-for="(item, index) in List" :key="index">
<text>{{ item }}</text>
</view>
</scroll-view>
</swiper-item>
<swiper-item>
<scroll-view style="height: 300px;" scroll-y="true" @scrolltolower="handleMore">
<view style="height: 100rpx;color: #007AFF;" v-for="(item, index) in List" :key="index">
<text>{{ item }}</text>
</view>
</scroll-view>
</swiper-item>
</swiper>
</view>
</template>
<script>
export default {
data() {
return {
tabIndex: 0,
List: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
};
},
onLoad() {
},
methods: {
handleMore() {
this.List = this.List.concat(this.List);
},
}
};
</script>
<style></style>
- 发布:2020-06-02 14:55
- 更新:2024-01-28 09:37
- 阅读:2366
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 2.7.9
手机系统: iOS
手机系统版本号: iOS 13.4
手机厂商: 苹果
手机机型: iphone7 plus
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
- 页面先上拉滚动一些距离
- 再下拉回滚到顶部,并且有页面的回弹效果后,页面就会卡住无法,难以滚动
- 页面先上拉滚动一些距离
- 再下拉回滚到顶部,并且有页面的回弹效果后,页面就会卡住无法,难以滚动
栉风
解决了吗
2024-01-28 11:52