Scroll probleem iPad

[zonderbloem]

Hallo lezer!,

Op tablet's en iPad zit ik met een probleem!

Op Desktops kan ik prima scrollen op de website. Maar als ik met een iPad of een Tablet de website bezoek stuit ik op het probleem dat de iPad of Tablet niet kan scrollen waardoor er een stuk van de tekst afvalt.

Ik gebruik de volgende CSS code:
background-image: url(images/background.jpg);
width: 1000px;
background-repeat: no-repeat;
background-position: center top;
margin: auto;
background-attachment: fixed;

http://goo.gl/1d9CEe

[ Voor 4% gewijzigd door zonderbloem op 24-10-2015 14:00 ]

[maus]

Met een overflow: auto op de body zou het goed moeten gaan.

code:

body {
    overflow: auto;
}

[ Voor 17% gewijzigd door maus op 26-10-2015 09:18 ]

[zonderbloem]

maus schreef op zondag 25 oktober 2015 @ 15:37:
Met een overflow: auto op de body zou het goed moeten gaan.

code:

body {
    overflow: auto;
}

werkt niet

[ViNyL]

Waarom laat je de pagina zelf niet gewoon scrollen en haal je die overflows weg?

Voor een bezoeker een stuk duidelijker en je probleem los je er mee op..

[ Voor 3% gewijzigd door ViNyL op 27-10-2015 08:47 ]

[iivvvii]

ViNyL schreef op dinsdag 27 oktober 2015 @ 08:46:
Waarom laat je de pagina zelf niet gewoon scrollen en haal je die overflows weg?

Voor een bezoeker een stuk duidelijker en je probleem los je er mee op..

Dit inderdaad. Haal alle overflows van html en body weg en haal ook deze regel uit je stylesheet:

::-webkit-scrollbar {
display: none;
}

In chrome kan je hierdoor namelijk ook niet scrollen.