当前位置: 首页 > 工具软件 > scroll-js > 使用案例 >

使用uview的组件库,现在又u-scroll-list组件2个,想实现在H5页面滑动时,一个u-scroll-list组件的滑动的时候,另一个u-scroll-list组件也能同时移动,而且不能有延...

夏侯兴怀
2023-12-01

您可以在两个u-scroll-list组件的同一个父组件中,通过v-on指令监听滚动事件,在滚动事件的回调函数中,通过JavaScript操作两个u-scroll-list组件的scrollTop属性,使它们同时滚动。下面是一个示例代码:

<template>
  <div>
    <u-scroll-list ref="scrollList1" @scroll="handleScroll"/>
    <u-scroll-list ref="scrollList2" @scroll="handleScroll"/
 类似资料: