MontoyaTech/ignite-html
MontoyaTech/ignite-html
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improving the feel of the swipe to refresh.

Browse Source
This commit is contained in:
MattMo 2022-06-01 07:58:55 -07:00
parent 61f8628f9d
commit 133b888764
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ignite-template.js
View File

@ -2412,9 +2412,9 @@ class list extends IgniteTemplate {
if (this.element.parentElement.scrollTop > 0) { if (this.element.parentElement.scrollTop > 0) {
this.refreshTouchStartY = touch.clientY; this.refreshTouchStartY = touch.clientY;
} else { } else {
var diff = Math.max(touch.clientY - this.refreshTouchStartY, 0); var diff = Math.max(touch.clientY - this.refreshTouchStartY, 0) / 2;
if (diff < 100) { if (diff < 75) {
if (this.refreshPlaceholderElement instanceof IgniteTemplate) { if (this.refreshPlaceholderElement instanceof IgniteTemplate) {
this.refreshPlaceholderElement.element.style.setProperty("min-height", `${diff}px`); this.refreshPlaceholderElement.element.style.setProperty("min-height", `${diff}px`);
this.refreshPlaceholderElement.element.style.setProperty("height", `${diff}px`); this.refreshPlaceholderElement.element.style.setProperty("height", `${diff}px`);