Thank you @asialgearoid for the insight.
In your working example, the list scrolls the body, but in the second, it scroll’s the page’s content div
Take a look at
vue-router.js, which is used in your example
Now I understand what
vue-router does when handling scrollPosition.
I’ve found the workaround to solve my problem. By listen on element scroll event then saving the element.scrollTop value into a global variable.
PS: I’ve updated the example of Vue-OnsenUI Simple Routing too https://codepen.io/superpikar/pen/gjOzPL :)