[ol.micke]

Ursprungligen postat av allstars

pinch och punch du menar?

denna brukar man använda:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

källa:
https://developer.mozilla.org/en/Mob...wport_meta_tag

Hum, det hjälpte inte att lägga till "maximum-scale=1" det andra hade jag.. Man kan fortfarande dra sidan upp och ner mer än vad man ska..

[Adestro]

Ursprungligen postat av ol.micke

Man kan fortfarande dra sidan upp och ner mer än vad man ska..

Det ska vara så, inget du kan ändra. Varje skrollfunktion i iOS/OSX har en studseffekt vilket jag personligen tycker är både behagligt och bra feedback, men förstår direkt att man har nått botten.

[ol.micke]

Ursprungligen postat av Adestro

Det ska vara så, inget du kan ändra. Varje skrollfunktion i iOS/OSX har en studseffekt vilket jag personligen tycker är både behagligt och bra feedback, men förstår direkt att man har nått botten.

Njo, men det går på något sätt, kolla på denna sida: http://muro.deviantart.com/ den fungerar även på ipad, den är fast i själva rityran men drar man i menyn så går det att göra så som du vill att man ska kunna..
Men hur låser de själva ritytan?

[Adestro]

Ursprungligen postat av ol.micke

Njo, men det går på något sätt, kolla på denna sida: http://muro.deviantart.com/ den fungerar även på ipad, den är fast i själva rityran men drar man i menyn så går det att göra så som du vill att man ska kunna..
Men hur låser de själva ritytan?

Det är för att det är ett canvas-element? Pekar du där och drar med fingret räknar webbläsaren (Safari iOS) med att du vill rita och inte skrolla upp/ner...

Det du vill göra åstadkomma är inte möjligt.

[ol.micke]

Ursprungligen postat av Adestro

Det är för att det är ett canvas-element? Pekar du där och drar med fingret räknar webbläsaren (Safari iOS) med att du vill rita och inte skrolla upp/ner...

Det du vill göra åstadkomma är inte möjligt.

Nej, jag och även andra program använder Canvas element men får inte samma önskad effekt. Det jag vill göra är ju likt exempelsidan så det jag vill åstadkomma är fullt möjligt, men jag formulerade mig kanske dumt i första inlägget.

[Adestro]

Ursprungligen postat av ol.micke

Nej, jag och även andra program använder Canvas element men får inte samma önskad effekt. Det jag vill göra är ju likt exempelsidan så det jag vill åstadkomma är fullt möjligt, men jag formulerade mig kanske dumt i första inlägget.

Aha, ja det förtydligar ju en del. jQuerys preventDefault() är nog det du söker.

$(document).on('touchmove', function(e)
{
  e.preventDefault();
}, false);

Ovanstående kodsnutt tar bort all möjlighet att skrolla med touch på sidan. Lägg den som den är eller koppla till canvas-elementet (för att tillåta skroll utanför, som deviantart-appen) så borde det fungera som du vill.

[ol.micke]

Ursprungligen postat av Adestro

Aha, ja det förtydligar ju en del. jQuerys preventDefault() är nog det du söker.

$(document).on('touchmove', function(e)
{
  e.preventDefault();
}, false);

Ovanstående kodsnutt tar bort all möjlighet att skrolla med touch på sidan. Lägg den som den är eller koppla till canvas-elementet (för att tillåta skroll utanför, som deviantart-appen) så borde det fungera som du vill.

Perfekt, exakt det jag var ute efter!