js-scrollintoview

I am using Javascript method Element.scrollIntoView() https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView Is there any way I can get to know when the scroll is over. Say there was an animation, or I have set {behavior: smooth} . I am assuming scrolling is async and want to know if there is any callback like mechanism to it. You can use IntersectionObserver , check if element .isIntersecting at IntersectionObserver callback function const element = document.getElementById("box"); const intersectionObserver = new IntersectionObserver((entries) => { let [entry] = entries; if

Does scrollIntoView() work in all browsers? If not is there a jQuery alternative? Robert Koritnik It is supported yes, but user experience is... bad. As @9bits pointed out, this has long been supported by all major browsers . Not to worry about that. The main problem is the way that it works. It simply jumps to a particular element that may as well be at the end of the page. By jumping to it, users have no idea whether: page has been scrolled up page has been scrolled down they've been redirected elsewhere The first two can be determined by scroll position, but who says users kept track of

I have tried a few ways of adding scrolling to tables, but just one of them works correctly. What is the different between them? First: JavascriptExecutor js = (JavascriptExecutor) driver; js.executeScript("arguments[0].scrollIntoView();", Element); Second: WebElement element1 = driver.findElement(By.id("scrolled_element")); ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", element1); Third: JavascriptExecutor js = (JavascriptExecutor) driver; js.executeScript("window.scrollBy(0,1000)"); Fourth: JavascriptExecutor js = (JavascriptExecutor) driver; js