Über das WeChat-Gleitproblem des UniApp-Editors

dies.$nextTick(() => {
document.body.addEventListener("touchmove", this.addBodyTouchEvent, {
passiv: falsch
});
});

touchstart(e) {
this.previewScrollTop = e.touches[0].pageY;
},
touchend(e) {
let Abstand = e.changedTouches[0].pageY - this.previewScrollTop;
wenn (Math.abs(Abstand) <= 10) {
gibt false zurück;
}
//Nicht scrollen, wenn die Distanz zu kurz ist let dom = this.$refs.editor.$el.getElementsByClassName("ql-editor")[0],
maxHeight = Math.max(0, dom.scrollHeight - dom.clientHeight), //Maximaler Höhenbereich tempData = this.scrollTop + (distance >= 0 ? -60 : 60); //Berechnen Sie die erforderlichen Höhendaten if (tempData >= maxHeight) {
this.scrollTop = maximale Höhe;
dom.scrollTop = dieses.scrollTop;
} sonst wenn (tempData <= 0) {
dies.scrollTop = 0;
dom.scrollTop = dieses.scrollTop;
} anders {
this.scrollTop = tempData;
dom.scrollTop = dieses.scrollTop;
}
}

/**
* Animation scrollt vertikal zur angegebenen Position auf der Seite* @param { } DOM-Element-Objekt* @param { Number } currentY aktuelle Position* @param { Number } targetY Zielposition*/
Exportfunktion scrollAnimation(dom, aktuellesY, ZielY) {
// Berechnen Sie die zu verschiebende Distanz. let needScrollTop = targetY - currentY;
sei _currentY = currentY;
setzeTimeout(() => {
// Die Anzahl der gleitenden Frames pro Aufruf ist jedes Mal unterschiedlich const dist = Math.ceil(needScrollTop / 10);
_currentY += abst;
dom.scrollTo(_currentY, currentY);
// Wenn die Bewegung weniger als zehn Pixel beträgt, direkt bewegen, andernfalls rekursiv aufrufen, um einen Animationseffekt zu erzielen if (needScrollTop > 10 || needScrollTop < -10) {
scrollAnimation(dom, _currentY, targetY);
} anders {
dom.scrollTo(_currentY, targetY);
}
}, 1);
}

touchend(e) {
let Abstand = e.changedTouches[0].pageY - this.previewScrollTop;
wenn (Math.abs(Abstand) <= 10) {
gibt false zurück;
}
//Nicht scrollen, wenn die Distanz zu kurz ist let dom = this.$refs.editor.$el.getElementsByClassName("ql-editor")[0],
maxHeight = Math.max(0, dom.scrollHeight - dom.clientHeight), //Maximaler Höhenbereich tempData = this.scrollTop + (distance >= 0 ? -60 : 60); //Berechnen Sie die erforderlichen Höhendaten if (tempData >= maxHeight) {
this.scrollTop = maximale Höhe;
dom.scrollTop = dieses.scrollTop;
} sonst wenn (tempData <= 0) {
dies.scrollTop = 0;
dom.scrollTop = dieses.scrollTop;
} anders {
this.scrollTop = tempData;
scrollAnimation(dom, 0, dies.scrollTop);
}
}

let dom = this.$refs.editor.$el.getElementsByClassName("ql-editor")[0];