renderer.js

({
    afterRender: function (component, helper) {
        this.superAfterRender();
        var targetEl = component.find("main").getElement();

        var preventPullToRefreshCheckbox = true;
        var preventOverscrollGlowCheckbox = false;
        var preventScrollCheckbox = false;
        var maybePreventPullToRefresh = false;
        var lastTouchY = 0;
        var touchstartHandler = function (e) {
            if (e.touches.length !== 1) return;
            lastTouchY = e.touches[0].clientY;
            maybePreventPullToRefresh =
                preventPullToRefreshCheckbox.checked &&
                window.pageYOffset === 0;
        };
        var touchmoveHandler = function (e) {
            // alert('yeeet')
            var touchY = e.touches[0].clientY;
            var touchYDelta = touchY - lastTouchY;
            lastTouchY = touchY;
            if (maybePreventPullToRefresh) {
                maybePreventPullToRefresh = false;
                if (touchYDelta > 0) {
                    e.preventDefault();
                    return;
                }
            }
            if (preventScrollCheckbox.checked) {
                e.preventDefault();
                return;
            }
            if (preventOverscrollGlowCheckbox.checked) {
                if (window.pageYOffset === 0 && touchYDelta > 0) {
                    e.preventDefault();
                    return;
                }
            }
        };
        targetEl.addEventListener('touchstart', touchstartHandler, {passive: false});
        targetEl.addEventListener('touchmove', touchmoveHandler, {passive: false});
    }
})