What is the correct way to handle scroll animations

What is the correct way to handle scroll-event related animations in safari (like scroll syncing between two elements)? The solution I use today works seamlessly on Chrome and Firefox, but is really laggy/jumpy in Safari:

element.addEventListener("scroll", () => { 
    window.requestAnimationFrame(){
          otherElementWithScroll.scrollTop = element.scrollTop
          otherElementWithHorizontalScroll.scrollLeft = element.scrollLeft
    } 
})

Any ideias on what I'm doing wrong?