overflow: scroll en iOS

20/Ago/2013 38

En desktop, para tener un elemento escroleable basta con que declares un alto fijo y defines overflow: auto | overflow: scroll y si el contenido interior es mayor que el alto aparecerá la barra de scroll automáticamente. En browsers móviles y tablets ocurre lo mismo pero la sensación es muy inferior ya que el touch/drag es errático y no incluye el movimiento elástico que estamos acostumbrado al scroll en estos dispositivos touch. En el siguiente video pueden ver claramente a lo que me refiero (en el cuadro de la derecha tiene aplicada la propiedad mágica):


-webkit-overflow-scrolling: touch

Esta propiedad creada por Apple especialmente para Safari Mobile permite precisamente lo que no es soportado por este navegador: crear un scroll a un elemento sin interferir en el el registro del touch dentro de la ventana misma del browser. En pocas palabras, permite un scroll interno (con momentum) dentro de una página que ya tiene un scroll genérico, ya que en dispositivos móviles el evento touch está asociado a la ventana completa. Esta propiedad fue agregada desde iOS 5.1.

Ver Ejemplo (en dispositivos touch)

Ejemplo

Links:

Comentarios

  1. Lkrjzg [#]

    tadalafil generic date – tadalafil 40 mg tadalafil 10 mg

  2. Kwyrad [#]

    viagra vs tadalafil – tadalafil generique tadalafil tablets

  3. Nywfel [#]

    how long for propecia to work – do you have to take propecia after hair transplant propecia hairline

  4. Updqih [#]

    finasteride for hair loss – is propecia safe long term should i start propecia

  5. Zxifqj [#]

    propecia hair loss – propecia topical gel how does finasteride work

  6. Tlyvpf [#]

    what’s propecia – http://propechl.com/ finasteride reviews

  7. Oygdfq [#]

    generic tadalafil at walmart – http://xtadalafilp.com/ generic tadalafil reviews

  8. Sawbtz [#]

    tadalafil 5 mg – http://xtadalafilp.com/ buy tadalafil generic online

  9. Taotcm [#]

    term papers for sale online – http://boessay.com/ where can i buy an essay

  10. Sbymrz [#]

    Dkaini – http://virviaga.com/ buy cheap viagra now

  11. Zstnok [#]

    Awqsta – Viagra approved generic viagra canadian

  12. Tykzqb [#]

    Idthkw – http://virviaga.com/ buy viagra without rx

  13. Uumgyk [#]

    Szkbnn – whats an annotated bibliography Ftgrpt mbicyn

  14. Bkuirc [#]

    Paewuy – buy modafinil online Tezrkz mkspyu

  15. Btnyma [#]

    Naglqp – tadalafil dose Dkchnw lfrshj

  16. Sduxfz [#]

    Mpijwo – tadalafil generique sans ordonnance en ligne Cgvsni nkazbs

  17. Uitoic [#]

    Nnlnam – lasix 20 mg Pzqicp vkyjnw

  18. Xcdfkb [#]

    Eojtjq – lasix pills Ncqtkg wgsmxu

  19. Iqnhwk [#]

    Ndsjjh – amoxrxp.com Xohhhm qokyhb

  20. Ohtdvp [#]

    Ofvfgq – Diflucan Fluconazole Ezcrew bujotw

  21. Mqwibw [#]

    Eekqjz – canadian pharmacy tadalafil 20mg Mwzpkt crklrk

  22. Devzuq [#]

    Xaclij – buy cialis uk Lmrtfa dqtqpg

  23. Pkpejs [#]

    Qfkjih – indian generic viagra Zfgoui fvzngo

  24. Pxjskp [#]

    Deheum – where to buy viagra safely Omdhas upuwgg

  25. Iubhkx [#]

    Gdjkwb – typology essay 123 help me Ykquvb njlejr

  26. Ucnlvp [#]

    Yfzbqg – dissertation services Cqhmdi wtetwl

  27. Jisrqx [#]

    stromectol in canada – ivermectin oral solution ivermectin 0.5%

  28. Ozjeir [#]

    buy ivermectin – ivermectin coronavirus buy ivermectin

  29. Qngdwg [#]

    stromectol 12mg – ivermectinpill.com/ stromectol xl

  30. Fmtwcb [#]

    buy ivermectin cream for humans – ivermectin 0.08 ivermectin uk coronavirus

  31. Jupphq [#]

    ivermectin coronavirus – ivermectin tablet price ivermectin medication

  32. Heixgr [#]

    stromectol us – stromectol canada ivermectin 3mg price

  33. Vcfhpi [#]

    ivermectin 0.5% brand name – stromectol 468342446 ivermectin 200

  34. Kndrus [#]

    stromectol drug – cost for ivermectin 3mg ivermectin 3 mg

  35. Aytebj [#]

    plavix 75 online – clopidogrel 150 mg plavix.com

  36. Zwwhod [#]

    medication plavix 75 mg – how much is plavix in canada buy plavix 75 mg

  37. Xodjpx [#]

    male ed pills walmart – prescription free ed pills ed pill rx reviews

  38. Balqbv [#]

    best under the counter ed pills – erectile dysfunction pills boots best natural ed treatment

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

CSSLab