Unique de Défilement au doigt à l'intérieur de contenu (div/iframe) dans l'iPhone Mobile Safari

Sous: iPhone mobile safari application web

J'ai besoin de garder certaines parties d'une page web visible, même lorsque l'utilisateur fait défiler. La propriété CSS position:fixed ne fonctionne pas comme prévu. À l'aide de la overflow:auto propriété sur les besoins ou le défilement à deux doigts ce qui n'est pas ce que je veux.

Est-il de toute façon à fournir un défilement au doigt sur la partie intérieure de la " div " ou "iframes" contenu à l'aide de javascript ou iphone safari Toucher l'API (touchMove événement)?

OriginalL'auteur Salini Krishnan | 2011-05-07

  1. 31

    En CSS (iOS 5):

    -webkit-overflow-scrolling: touch;
    C'est parfait!
    Sur quel élément ne ce doivent être appliquées?
    Sur le contenant (L'un qui aurait quelque chose comme overflow:auto; ou quelque chose de similaire). C'est génial BTW, merci! 🙂

    OriginalL'auteur Arvind Thyagarajan

  2. 1

    Nativement, il n'est pas possible, que ce soit avec un div ou iframe, donc il doit être résolu avec javascript à l'écoute pour les événements tactiles. Je suis à la recherche de ce même problème pour un projet et pour le moment j'ai trouvé un couple de bibliothèques javascript qui sont en train de résoudre ce problème.

    Je suis à la recherche dans celui-ci pour le moment, mais je n'ai pas commis de il encore.

    http://cubiq.org/iscroll-4

    Joe Hewitt de Three20 la renommée a récemment commencé à dev solution pour cela ainsi, mais il est vraiment trop tôt dev processus où l'une que l'autre a été autour depuis quelques années maintenant.

    http://joehewitt.github.com/scrollability/

    Salut scottbates22, je vous Remercie. Je suis également à la recherche d'iScroll-4
    Dans le cadre du Suivi... j'ai trouvé la performance de iscroll sur les téléphones android à être
    scottbates22, pour être ...?
    ou de ne pas Défiler, c'est la question. Si tis de plus noble dans l'esprit de souffrir les Rouleaux et les Flèches de scandaleux de Balisage, ou de prendre les armes contre un Dev de Luttes et par la mise en Œuvre de la fin: à mourir, pour faire Défiler...

    OriginalL'auteur scottbates22

  3. 0

    Vous pouvez utiliser Un seul doigt, mais vous devez fournir le style.hauteur de l'intérieur de la DIV

    <div id="container-div" style="overflow:hidden">
   <div id="inner-div" style="overflow-y:auto; height:1024px"> 
   <!-- IMPORTANT!! you must specify the height of the inner div to make it scrollable -->
    On peut voir la barre de défilement, mais le contenu n'est pas de défilement.

    OriginalL'auteur Soyoes