Oh I didn’t know that you wanted the feature in all pages - i thought it was only for a specific page. In that case you can do something like
document.addEventListener('pageinit', function(e) {
var page = e.target;
if (/* check whether there should be page scrolling functionality */) {
var content = page.querySelector('.page__content');
var horizontalScroll = page.querySelector(".horizontalScroll");
var verticalScroll = page.querySelector(".verticalScroll");
content.addEventListener("scroll", function(e) {
horizontalScroll.innerHTML = "Scroll X: " + content.scrollLeft + "px";
verticalScroll.innerHTML = "Scroll Y: " + content.scrollTop + "px";
});
}
});
Hint: you could use something like .onsen-sliding-menu__main
to check for main content pages.
PS: My battery is dying so this is it for today.
PS2: I agree with @munsterlander - you should try to migrate to v2 - it’s much better :)