你瞅啥呢

2025-08-28 有2个a-scrollbar,如何滑动其中一个a-scrollbar同步另一个a-scrollbar?

  <a-scrollbar ref="bar1" style="height: 100%; overflow: auto"> 
xxx    
 </a-scrollbar>    

  <a-scrollbar ref="bar2" style="height: 100%; overflow: auto"> 
yyy    
 </a-scrollbar>    

  const bar1 = ref<any>(null);
  const bar2 = ref<any>(null);

    const handleScroll = (e: any) => {
    bar1.value.scrollLeft(e.target.scrollLeft);
  };

a-scrollbar是arco-design的一个滚动条组件,通过@scroll获取其中一个滚动条的滚动位置,同时赋值给另一个滚动条即可实现。

posted @ 2025-08-28 11:14  叶乘风  阅读(18)  评论(0)    收藏  举报