Is there a callback for window.scrollTo?

Question

I want to call focus() on an input after the widow scrolled. I'm using the smooth behavior for the scrollTo() method. The problem is the focus method cut the smooth behavior. The solution is to call the focus function just after the scroll end.

But I can't find any doc or threads speaking about how to detect the end of scrollTo method.

let el = document.getElementById('input') let elScrollOffset = el.getBoundingClientRect().top let scrollOffset = window.pageYOffset || document.documentElement.scrollTop let padding = 12 window.scrollTo({   top: elScrollOffset + scrollOffset - padding,   behavior: 'smooth' }) // wait for the end of scrolling and then el.focus() 

Any ideas?

Answer 1

I wrote a generic function based on the solution of George Abitbol, without overwriting window.onscroll:

/**  * Native scrollTo with callback  * @param offset - offset to scroll to  * @param callback - callback function  */ function scrollTo(offset, callback) {     const fixedOffset = offset.toFixed();     const onScroll = function () {             if (window.pageYOffset.toFixed() === fixedOffset) {                 window.removeEventListener('scroll', onScroll)                 callback()             }         }      window.addEventListener('scroll', onScroll)     onScroll()     window.scrollTo({         top: offset,         behavior: 'smooth'     }) }