overflow: scroll en iOS

20/Ago/2013 196

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. Krdhxd [#]

    viagra low cost – online viagra sales sildenafil Los Angeles

  2. Vfsffloft [#]

    generic sertraline 200 mg zoloft

  3. Dvvmedge [#]

    seroquel dose seroquel reddit

  4. Yasmin Smith [#]

    cialis online paypal cialis pills uk generic tadalafil uk

  5. Lillian Sizemore [#]

    menses on tamoxifen nolvadex 20mg price nolvadex gynecomastia dosage

  6. Lloyd Watters [#]

    I’ll right away clutch your rss feed as
    I can’t find your e-mail subscription hyperlink or e-newsletter service.
    Do you have any? Please let me realize so that I may just subscribe.
    Thanks.

  7. Paul Haslem [#]

    sildenafil uses compare viagra prices sildenafil buy

  8. Kathleen Calabrese [#]

    nolvadex pct cycle tamoxifen citrate 10mg tamoxifen menstrual cycle

  9. Mary Mccall [#]

    buy viagra viagra interactions sildenafil online prescription

  10. Peggy Wright [#]

    Its such as you learn my thoughts! You seem to grasp so much about this, like you
    wrote the e-book in it or something. I think that you could do with a
    few percent to pressure the message house a little bit, but instead of that, this is wonderful blog.
    A fantastic read. I’ll definitely be back.

  11. PatrickFax [#]

    cialis online https://cialiswithdapoxetine.com/

  12. that web hosting [#]

    Currently it appears like BlogEngine is the preferred blogging platform available right now.
    (from what I’ve read) Is that what you’re using on your blog?

  13. gay facebook dating [#]

    gay dating advice texting https://gayonlinedating.net/

  14. HenryUnfiP [#]

    top gay dating sites 2021
    gay dating in orlando
    gay dating recon

  15. free local gay sex dating [#]

    arab gay dating website https://gaydatinglosangeles.com/

  16. William Hickson [#]

    I’ve been browsing online more than 4 hours today, yet I never found
    any interesting article like yours. It’s pretty worth enough for
    me. Personally, if all webmasters and bloggers made
    good content as you did, the web will be a lot more useful
    than ever before.

  17. ivermectin1.com [#]

    ivermectin virus overflow: scroll en iOS | CSSLab | Laboratorio de ideas web http://ivermectin1.com/ can you buy tablets for worms in humans

  18. ivermectin1.com [#]

    ivermectin price usa overflow: scroll en iOS | CSSLab | Laboratorio de ideas web https://ivermectin1.com/ soolantra krem

  19. in quest bars [#]

    I’m not sure why but this web site is loading incredibly slow for me.

    Is anyone else having this problem or is it a issue on my end?
    I’ll check back later on and see if the problem
    still exists. quest bars http://j.mp/3C2tkMR quest bars

  20. ivermectin dose [#]

    purchase stromectol online overflow: scroll en iOS | CSSLab | Laboratorio de ideas web https://ivermectin1.com/ stromectol for sale

  21. http://app.gumroad.com/asmr2021/p/best-asmr-online [#]

    Right now it appears like Expression Engine is the preferred blogging platform out there right now.
    (from what I’ve read) Is that what you are using on your blog?
    asmr https://app.gumroad.com/asmr2021/p/best-asmr-online asmr

  22. gay elder singles dating [#]

    gay marriage dating site https://dating-gaym.com/

  23. dating a transman gay [#]

    gay dating yahoo answers https://gay-singles-dating.com/

  24. bit.ly [#]

    you’re truly a just right webmaster. The site loading speed is amazing.
    It seems that you’re doing any distinctive trick. Furthermore, The contents are masterpiece.
    you’ve performed a great job on this topic!

    cheap flights http://1704milesapart.tumblr.com/ cheap flights

  25. MarvinFuh [#]

    buy generic viagra
    canadian-pharcharmy- buying cialis canada cheap cialis online canada pharmacy cheap canadian drugs cialis 5mg best price low cost cialis online viagra canada do you need a prescription for viagra in canada cialis at canadian pharmacies viagra prescription online
    cialis-canada cheap viagra canada drug stores canadian pharmacy reviews cheapest price for cialis

  26. http://tinyurl.com/ [#]

    I really like your blog.. very nice colors & theme.
    Did you create this website yourself or did you hire someone to do it for you?
    Plz answer back as I’m looking to create my own blog and would like to know where u got this from.
    kudos scoliosis surgery https://0401mm.tumblr.com/ scoliosis surgery

  27. Mobile recharge [#]

    What a beautiful blog

  28. iherb.com [#]

    Very great post. I just stumbled upon your blog and wished
    to say that I have truly enjoyed surfing around your weblog posts.
    After all I’ll be subscribing on your rss feed and I hope you write again very soon! quest bars https://www.iherb.com/search?kw=quest%20bars quest bars

  29. http://coub.com [#]

    It’s not my first time to pay a visit this web site, i
    am visiting this web site dailly and take good facts from here every day.
    scoliosis surgery https://coub.com/stories/962966-scoliosis-surgery scoliosis surgery

  30. zithromaxeska [#]

    uses for zithromax is zithromax penicillin zithromax azithromycin

  31. Ian Garcia [#]

    benemid actos trandate

  32. Barbara Lopez [#]

    hytrin pamelor retin

  33. HenryUnfiP [#]

    gay dating czech
    gay community dating
    disco gay dating

  34. Amber Clarke [#]

    singulair ventolin diovan

  35. cetirizine hcl 10mg tab [#]

    zyrtec pregnancy category – http://allergyd.com

  36. stromectolforte.com [#]

    soolantra krem http://stromectolforte.com/ ivermectin tablette can you buy stromectol over the counter

  37. what is nurtec [#]

    best price for cetirizine hcl – https://allergyd.com

  38. drive cam [#]

    allegra vs claritin – http://allergyd.com

  39. ivermectin for humans dosage [#]

    Global Low-down Far this outcome
    https://ivermectstromect.com ivermectin pills walgreens
    https://ivermectinstrom.com ivermectin for humans
    https://ivermectstromect.com ivermectin for humans
    https://ivermectinstrom.com dosage ivermectin for humans
    https://ivermectinst.com ivermectin paste for humans

  40. where to buy invermetin for humans [#]

    stromectol http://stromectolforte.com/# ivermectin for humans stromectol 3mg tablets dosing

  41. stromectolforte.com [#]

    ivermectin over the counter http://stromectolforte.com/ ivermectin where to buy ivermectin

  42. what does viagra cost [#]

    ct ned lamont health care reform http://withoutdrvisit.com – alternatives viagra

  43. prednisonedosepack [#]

    prednisolone tablet cost prednisone uses

  44. bactrim ds [#]

    https://bactrimxazole.com/ trimoxazole tablet uses in hindi

  45. ivermectin for humans for sale [#]

    ivermectin human dosage http://stromectolforte.com/# stromectol without prescription ivermectin

  46. Leon Moench [#]

    you’re in reality a just right webmaster. The site loading
    pace is incredible. It seems that you are doing any unique trick.
    In addition, The contents are masterwork. you have done a wonderful activity in this subject!

CSSLab