2017-02-09 1 views
0

Momentan fängt ein canvas-Element (das von einer dritten Partei erstellt wurde) auf meiner Webseite Drag-Ereignisse ab (weil es annimmt, dass Sie etwas in die Canvas ziehen möchten), aber das kann die Datei "fangen" Benutzer in der Arbeitsfläche, besonders wenn sie auf Mobilgeräten vergrößert wurden. Ich möchte, dass der Benutzer in der Lage ist, auf der Leinwand nach oben und unten zu scrollen, um den Rest der Seite darüber und darunter zu erreichen, genau wie jedes andere HTML-Element. Sie sollten in der Lage sein, immer noch in die Leinwand zu klicken, ich möchte jedoch nicht, dass die Leinwand den normalen Seitenlauf abfängt.Blättern auf <canvas> aktivieren Element

EDIT: Ich konnte wheel und mousewheel Ereignisse in der Drittanbieter-Code finden und sie aus dem Canvas-Objekt entfernen, das Problem für Desktop-Benutzer zu lösen. Welches Ereignis wäre für mobile Nutzer relevant? Ich habe versucht, touchmove ohne Erfolg zu entfernen.

Antwort

1

Ihr Problem scheint zu sein, dass Sie nicht richtig zwischen Scrollen und Ziehen unterscheiden.

Ich schlage vor, Sie nur das Standard-Scrollen zu verhindern, wenn das Ziehen tatsächlich stattfindet

+0

Vielen Dank. Ich hatte angenommen, dass ein Canvas-Element das Scrollen von vornherein verhinderte, aber Ihre Antwort deutet darauf hin, dass dies möglicherweise nicht der Fall ist, was bedeutet, dass ich herausfinden muss, wo der Standard-Scrolling im Code von Drittanbietern verhindert wird. Ich habe meine Frage bearbeitet, um klarer zu sein. Ich habe das Problem jetzt für Desktop-Benutzer behoben, muss aber das relevante Ereignis für mobile Benutzer finden, bei denen der Drittanbieter das Scrollen möglicherweise abfängt. – user1442605

+0

Ich habe alle "Touch" -Ereignisse im Code des Drittanbieters entfernt und das Problem wurde behoben. Danke für deine Antwort, es hat mir geholfen, auf dem richtigen Weg zu sein. – user1442605

Verwandte Themen