WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Stäng av panorering (Ipad) (https://www.wn.se/forum/showthread.php?t=1052324)

ol.micke 2012-02-17 11:37

Stäng av panorering (Ipad)
 
Är inte säker på att det heter pnorering så beskriver vad jag menar..
Jag testar på en Ipad, är inne i safari och har igång en sida. När jag är längst upp på sidan och försöker dra den mer neråt så kan jag göra det, och då blir det typ grå bakgrund. Samma sak om jag drar sidan uppåt (dock ej åt sidorna).

Jag tror mitt problem handlar om detta så då är frågan om det går att stänga av denna effekt för samtliga som går in på sidan?

Vad jag vill få ut är touchmove som jag tror försvinner pga att webbläsaren snor det. men jag har kanske fel där, isåfall, vad är lösningen på mitt problem?

allstars 2012-02-17 13:13

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

ol.micke 2012-02-17 14:18

Citat:

Ursprungligen postat av allstars (Inlägg 20433025)
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 2012-02-18 07:10

Citat:

Ursprungligen postat av ol.micke (Inlägg 20433033)
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 2012-02-18 14:44

Citat:

Ursprungligen postat av Adestro (Inlägg 20433071)
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 2012-02-19 09:25

Citat:

Ursprungligen postat av ol.micke (Inlägg 20433091)
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 2012-02-19 11:45

Citat:

Ursprungligen postat av Adestro (Inlägg 20433147)
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 2012-02-19 12:15

Citat:

Ursprungligen postat av ol.micke (Inlägg 20433150)
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.

Kod:

$(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 2012-02-21 09:59

Citat:

Ursprungligen postat av Adestro (Inlägg 20433154)
Aha, ja det förtydligar ju en del. jQuerys preventDefault() är nog det du söker.

Kod:

$(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!


Alla tider är GMT +2. Klockan är nu 07:29.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson