Toon posts:

CSS iPad scroll probleem

Pagina: 1
Acties:

Onderwerpen


  • twanneman
  • Registratie: maart 2001
  • Niet online
Ik ben met een prototype van m'n portfolio site (http://www.twanneman.nl/prototype/) aan het ontwikkelen
Nu doet de site prima in de meeste moderne browsers maar ik wil hem ook graag iPad compatible maken.

Als ik de site nu op m'n ipad bekijk dan blijven de blauwe en witte balk niet staan, maar als ik de site via ipadpeek.com bekijk dan doet hij zoals ik het graag wil.

De balken zijn 2 divjes met de volgende css :
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
*       {padding: 0; margin: 0;}
html    {height: 100%; min-width: 800px;}

body {
background-color: #000000;
color: #ffffff;
font-family: "VAG Rounded Std", Helvetica, Trebuchet MS, 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
font-size: 62.5%;/* Resets 1em to 10px */
text-align: left;
overflow: hidden;
}

#line_blue { position: fixed; left: 80px; width:250px; height:100%; z-index: 10;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #000000),
color-stop(0.25, #1672b5), color-stop(0.75, #1672b5), color-stop(1, #000000));
}

#line_white { position: fixed; left: 330px; width:110px; height:100%; z-index: 10; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #000000),
color-stop(0.25, #ffffff), color-stop(0.75, #ffffff), color-stop(1, #000000));
}

  • Bosmonster
  • Registratie: juni 2001
  • Laatst online: 10-09 22:52
Safari op iOS ondersteunt geen position: fixed.

[Voor 11% gewijzigd door Bosmonster op 08-10-2010 01:10]


  • Scjorpion
  • Registratie: november 2009
  • Laatst online: 03-09-2013
Twanneman,

Misschien heb je hier wat aan:

http://cubiq.org/scrolling-div-on-iphone-ipod-touch


Nintendo Switch (OLED model) Apple iPhone 13 LG G1 Google Pixel 6 Call of Duty: Vanguard Samsung Galaxy S21 5G Apple iPad Pro (2021) 11" Wi-Fi, 8GB ram Nintendo Switch Lite

Tweakers vormt samen met Hardware Info, AutoTrack, Gaspedaal.nl, Nationale Vacaturebank, Intermediair en Independer DPG Online Services B.V.
Alle rechten voorbehouden © 1998 - 2021 Hosting door True

Tweakers maakt gebruik van cookies

Bij het bezoeken van het forum plaatst Tweakers alleen functionele en analytische cookies voor optimalisatie en analyse om de website-ervaring te verbeteren. Op het forum worden geen trackingcookies geplaatst. Voor het bekijken van video's en grafieken van derden vragen we je toestemming, we gebruiken daarvoor externe tooling die mogelijk cookies kunnen plaatsen.

Meer informatie vind je in ons cookiebeleid.

Sluiten

Forum cookie-instellingen

Bekijk de onderstaande instellingen en maak je keuze. Meer informatie vind je in ons cookiebeleid.

Functionele en analytische cookies

Deze cookies helpen de website zijn functies uit te voeren en zijn verplicht. Meer details

janee

    Cookies van derden

    Deze cookies kunnen geplaatst worden door derde partijen via ingesloten content en om de gebruikerservaring van de website te verbeteren. Meer details

    janee