UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36

Steps to reproduce the problem:
1. Create a div with scrolling behavior (any direction)
2. Add lots of rows/columns to the div
3. Create another div with same behavior
4. Attach scrolling listener to both divs, so that if one div moves we can synch another div's scroll position to same value.
5. Print their scroll positions in console
5. scroll any one div quickly to the top in a way that it will hit the top (or any other direction) 
6. The scroll stops at 0 position, and yet it returns last scrolling position with some positive value
7. This causes other div to misalign as it synchs own scroll position to the incorrect value returned by first div.
7. The issue goes away if i move my chrome browser to another external display (Dell Ultrasharp U3415W) that is attached to my laptop. 
8. Issue is not reproducible with other browsers.

JSFiddle: http://jsfiddle.net/89q5ok61/
issue GIF: https://imgur.com/a/mWeyAnn
non-isse GIF: https://imgur.com/a/s8jtvq5

Device details:
MacOS Sierra 10.12.6 (16G1408)
MacBook Pro (13-inch, 2016, Two Thunderbolt 3 ports)
processor: 2.4 GHz Intel Core i7
Memory: 16 GB 1867 MHz LPDDR3
Graphics: Intel Iris Graphics 540 1536 MB

What is the expected behavior?
The scrollTop/Left should return correct values as UI

What went wrong?
The scrollTop of one div didnt return the correct value, so another div that was syncing it's scroll position based on the first one, didnt align correctly.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 69.0.3497.100  Channel: stable
OS Version: OS X 10.12.6
Flash Version: