zaphar/dynamicbible
1
0
Fork 0
mirror of https://gitlab.com/walljm/dynamicbible.git synced 2025-07-22 23:09:49 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch '10-swipe-to-close-on-mobile' into 'main'

Browse Source 
Resolve "Swipe to Close on Mobile doesn't work properly"

Closes #10

See merge request walljm/dynamicbible!17
This commit is contained in:
Jason Wall 2021-12-22 15:23:05 +00:00
commit fd2f94e702
1 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/src/app/services/nav.service.ts
View File

@ -53,6 +53,7 @@ export class Swipe {
private bodyTouchStart(event: TouchEvent) {
const t = event.touches[0];
console.log(this.swipeInfo);
this.swipeInfo.x1 = t.pageX;
this.swipeInfo.y1 = t.pageY;
this.swipeInfo.x2 = 0;
@ -277,16 +278,14 @@ export class Swipe {
return true;
}
if (Math.abs(this.swipeInfo.x2 - this.swipeInfo.x1) > 10) {
// if the user has moved more than 5 pixels x then they're swiping
this.swipeInfo.scrolling = false;
// disable scrolling
window.document.body.classList.add('lock-scroll');
if (this.isIosDevice) {
// css overflow:hidden doesn't work on the body for iOS so we have to use a
// non-passive listener and preventdefault to prevent scrolling
event.preventDefault();
}
// if the user has moved more than 5 pixels x then they're swiping
this.swipeInfo.scrolling = false;
// disable scrolling
window.document.body.classList.add('lock-scroll');
if (this.isIosDevice) {
// css overflow:hidden doesn't work on the body for iOS so we have to use a
// non-passive listener and preventdefault to prevent scrolling
event.preventDefault();
}
}