I’m searching any plugin (or JS) to use the resource pull to refresh (like Android style) at inappbrowser.
I found some options to Ionic, but nothing to Apache/Cordova/Volt.
Some idea?
Thank you
I’m searching any plugin (or JS) to use the resource pull to refresh (like Android style) at inappbrowser.
I found some options to Ionic, but nothing to Apache/Cordova/Volt.
Some idea?
Thank you
I use framework7, there’s a lot of cool stuff!
This js example:
Try the full screen example in a mobile browser https://codepen.io/Vijit_Ail/full/pmbypw
Thank you for answers.
I try both solutions, but it was simplest to use pure js (there is no loader)
var pStart = { x: 0, y: 0 };
var pStop = { x: 0, y: 0 };
function swipeStart(e) {
if (typeof e["targetTouches"] !== "undefined") {
var touch = e.targetTouches[0];
pStart.x = touch.screenX;
pStart.y = touch.screenY;
} else {
pStart.x = e.screenX;
pStart.y = e.screenY;
}
}
function swipeEnd(e) {
if (typeof e["changedTouches"] !== "undefined") {
var touch = e.changedTouches[0];
pStop.x = touch.screenX;
pStop.y = touch.screenY;
} else {
pStop.x = e.screenX;
pStop.y = e.screenY;
}
swipeCheck();
}
function swipeCheck() {
var changeY = pStart.y - pStop.y;
var changeX = pStart.x - pStop.x;
if (isPullDown(changeY, changeX)) {
alert("Swipe Down!");
document.location.reload();
}
}
function isPullDown(dY, dX) {
// methods of checking slope, length, direction of line created by swipe action
return (
dY < 0 &&
((Math.abs(dX) <= 100 && Math.abs(dY) >= 300) ||
(Math.abs(dX) / Math.abs(dY) <= 0.3 && dY >= 60))
);
}
document.addEventListener(
"touchstart",
function (e) {
swipeStart(e);
},
false
);
document.addEventListener(
"touchend",
function (e) {
swipeEnd(e);
},
false
);
Thank you again.