translate3d solution instead of browser default scroll on mobile web?

ON mobile web, especially on low version safari, scrolling will block the browser javascript execution. This will decrease the user experience. Besides, if we want to make some animations when scrolling, it's not easy to handle well with browser's default scroll behavior.

So I am wondering is it wise to use transform: translate3d on requestAnimationFrame instead of default browser scrolling? Any concern about this solution for browser layout & reflow?