Archief - HTML5 canvas -> niet scrollable op tablet

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
C

Curahee Q

Legacy Member
Dag 9livers

Ik heb op mijn website een canvas gebruikt om bepaalde content te tekenen met behulp van KineticJS. Werkt zeer goed en het is ook resizable zodat het op elke schermgrootte werkt.

Ik test het nu op mijn iPad maar ik kan niet naar beneden scrollen als ik 'swipe' op mijn canvas. Ik moet dan al met mijn vinger boven en onder het canvas swipen om naar beneden te kunnen scrollen. Is er hier een gemakkelijke work-around voor?

Alvast bedankt
b

bealzebub

Legacy Member
One more note. Als je binnen je canvas zelf niet moet scrollen (indien wel, zie vorige reply) maar je wil dat de rest van de main page erachter wel scrollt als je over je canvas swipet (of mousewheel for that matter), dan kan je een truukje toepassen.

  • Als je body transparant is, geef je gewoon je canvas een z-index van -1
  • Anders leg je een div over je canvas met een transparante achtergrond. Je zal in dit geval wel moeten kijken of click/touch events (als die al nodig zijn voor je canvas) die je wel wil toelaten op je canvas wel degelijk doorbubblen

Het ganse opzet van wat ik hierboven zeg is dus eigenlijk van ervoor te zorgen dat er een non-canvas element altijd bovenaan ligt zodat de normale swipe/scroll events niet door het canvas worden afgeblokt.
Z

Zero Grav

Legacy Member
Als alle gangbare tablets pointer-events: none; ondersteunen is dat wel de gemakkelijkste oplossing voor een canvas waar geen interactie mee moet gebeuren.
C

Curahee Q

Legacy Member
Ik ga er direct allemaal naar kijken en laat zeker weten voor welke oplossing ik heb gekozen. Het is gewoon mijn ganse pagina die moet scrollen, niet de content op het canvas element zelf. Ik heb wel interactie met het canvas dus daar ga ik dan nog eens voor moeten kijken.

Alvast zeer hartelijk dank voor al de info.
C

Curahee Q

Legacy Member
Ik heb het eens geprobeerd met een simpele overlay. Wanneer ik pointer-events niet op none zet kan ik gewoon scrollen. Maar dan kan ik mijn item niet meer aanklikken op mijn canvas natuurlijk. Wanneer ik pointer-events op none zet kan ik ze wel aanklikken maar kan ik niet meer scrollen en ben ik dus evenver als voordien...
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan