在uni-app 中使用 scroll-view 组件实现横向自动无限滚动和手动滑动,可以按照以下步骤进行: 1. 实现 scroll-view 组件的横向布局 首先,确保你的 scroll-view 组件设置为横向滚动。可以通过设置 scroll-x="true" 来实现这一点。 html <template> <view> <scroll-view scroll-x="true" :scro...
template代码: <template><view><scroll-viewscroll-y="true"@scrolltolower="handleReachBottom"style="height: 100vh;">内容部份</scroll-view></view></template> script代码: ... methods: {handleReachBottom(e) { console.log('触底了'); }, ......
你指的横向滑动是像APP一样的滑动切换页面吧,横向滑动切换页面用的其实是vue 的 transition 来实现的。 实现代码也不复杂,主要就是把你要滑动的几个路由定义为一个数组,然后利用路由的beforeEach,从里面获取from和to两个属性,拿到对应的名称,获取下标来计算到底是向左侧滑还是向右侧滑。然后设置动画,给要滑动的部分...