HTML 部分
<div ref="nameListRef" @scroll="tempLeftMethod"> 内容部分自己定义 </div>
<div ref="scrollRef" @scroll="tempRihghtMethod"> 内容部分自己定义 </div>
JS 部分
let tempLeftMethod = namesScroll
let tempRihghtMethod = eventsScroll
const nameListRef = ref(null)
const scrollRef = ref(null)
let leftTimer = null
let rightTimer = null
function namesScroll() {
tempRihghtMethod = () => {
}
try {
scrollRef.value.scrollTo({
top: nameListRef.value.scrollTop })
} catch (error) {
}
clearTimeout(leftTimer)
leftTimer = setTimeout(() => (tempRihghtMethod = eventsScroll), 100)
}
function eventsScroll() {
tempLeftMethod = () => {
}
try {
nameListRef.value.scrollTo({
top: scrollRef.value.scrollTop })
} catch (error) {
}
clearTimeout(rightTimer)
rightTimer = setTimeout(() => (tempLeftMethod = namesScroll), 100)
}