Désactiver la verticale de l'effet de rebond dans un ipad web app

Est-il un moyen de désactiver l'effet de rebond dans un div défilement?

Pour l'instant j'ai essayé ces choses, mais aucune n'a fonctionné. S'il vous plaît aider!

Comment faire pour désactiver la verticale de rebond/scroll sur iPhone dans une application web mobile

Ne pouvez pas désactiver le rebond avec UIScrollView et pagingEnabled=OUI

safari ipad: désactiver le défilement, et de l'effet de rebond?

Désactiver UITableView verticale rebonds lors du défilement

Et

http://www.iphonedevsdk.com/forum/iphone-sdk-development/996-turn-off-scrolling-bounces-uiwebview.html

Merci!

Avez-vous des erreurs dans la Console d'Erreur pour l'une des solutions?
Pas de ne pas faire d'erreurs.
Ok. Certains de vos liens mention UIScrollView ou UITableView, de sorte que ceux qui ne vous aidera pas si vous faites une page HTML. Vous pouvez poster votre mise en œuvre de l'un des JavaScript techniques que vous avez utilisées?
C'est l'une des approches que j'ai utilisé - document.ontouchmove = function(event) { event.preventDefault(); } var myDiv =document.getElementById("scrollableDiv"); myDiv.ontouchmove = function(event) { event.stopPropagation(); }
J'ai enveloppé cette web app dans XCode à l'aide de PhoneGap. Aussi essayé myScrollView.rebondit=NON; Et [(UIScrollView*)[webview.les sous-vues objectAtIndex:0] setAllowsRubberBanding:N]; Ici, j'ai besoin de la div pour faire défiler mais pas de rebond. Vous ne savez pas si c'est possible.

OriginalL'auteur imhere | 2012-05-25

  1. 6

    Si vous êtes à l'aide de Cordova 1.7, il suffit d'ouvrir le Cordova.plist fichier et définissez la clé UIWebViewBounce à PAS.

    merci pour vos commentaires mais j'ai déjà trouvé une solution.
    Heureusement, ce mec a trouvé une meilleure solution, je vous Remercie!

    OriginalL'auteur perfect_element

  2. 3

    Ouvrir votre phoneGap du projet config.xml fichier et modifier UIWebViewBounce de défaut true à false:

        <preference name="UIWebViewBounce" value="false" />

    Ne peux pas imaginer pourquoi la valeur par défaut est true...

    Je crois que le nouveau préférence si vous avez une version plus récente de phonegap/cordova est <de préférence name="DisallowOverscroll" value="true" /> Au moins, c'est ce qui a fonctionné pour moi avec cordova 2.7.0
    Le dernier commentaire de russter fonctionne parfaitement pour moi de cordoue 3.3 Ma vie a été sauvée. thx.

    OriginalL'auteur JOM

  3. 1

    En fonction de votre commentaire, le code utilisé est de désactiver le défilement au total. Si vous voulez le défilement, mais sans l'effet de rebond, d'essayer quelque chose comme ceci:

    var xStart, yStart = 0;

document.getElementById("scrollableDiv").addEventListener('touchstart',function(e) {
    xStart = e.touches[0].screenX;
    yStart = e.touches[0].screenY;
});

document.getElementById("scrollableDiv").addEventListener('touchmove',function(e) {
    var xMovement = Math.abs(e.touches[0].screenX - xStart);
    var yMovement = Math.abs(e.touches[0].screenY - yStart);
    if((yMovement * 3) > xMovement) {
        e.preventDefault();
    }
});

    J'ai trouvé cette solution ici. Laissez-moi savoir si cela fonctionne pour vous.

    Merci mais cela désactive rebondir ainsi que le défilement.
    J'ai juste modifié le code. Je devrais avoir utilisé document.getElementById("scrollableDiv").addEventListener(... au lieu de document.addEventListener(... dans les deux endroits. Qui pourrait être pourquoi il n'a pas de travail.
    Ne fonctionne toujours pas.

    OriginalL'auteur woz

  4. 1

    Cela aidera-vous de la place de la .faites défiler la classe sur l'élément que vous souhaitez toujours avoir le défilement.

    Ce qui se passe est: tous les coups sont désactivés par défaut. Si l'élément que vous souhaitez faire défiler a la .faites défiler jusqu'à la classe, puis il définit la porte à true pour lui permettre de passer.

    Sur la touche de fin de réinitialiser le porte à faux.

    Cela fonctionne sur IOS5 et 6 et pourrait travailler dans Chrome et Safari

    Look @ ce post pour étendre
    Comment prévenir la page de défilement pour faire défiler un élément DIV?

    Le seul hic, ce est que si vous avez plus de défilement le défilement de l'élément de l'effet élastique permet le défilement d'être passé en haut de l'arbre tandis que de défilement est définie sur true. Réglage manuel de la position de défilement obtient remplacé par le redoutable effet de rebond.

    Je parie que ceux d'Apple friggers ont un natif de la mise en œuvre de défilement de course dans un temps de jeu à chaque étape câblé.

    Si vous faites défiler jusqu'à -20, je pense qu'il est difficile de fils de chaque étape dans une boucle ne vérifiant pas où il était. Défilement à -20 -19 -18 etc dans la séquence.

    Nous devons penser à un moyen de contourner cela! ( en fait saisissant de charge j'ai une idée! )

    $(function(){
  var scroll = false
  var scroll_element;
  $('body').on('touchmove',function(e){
      if(!scroll){
      e.preventDefault()
      }
  })
  $('body').on('touchend',function(e){
      scroll = false
  })  
  $('.scroll').on('touchstart',function(e){
      scroll_element = this
      scroll = true
  })  
})

    OriginalL'auteur Arcabard

  5. 0

    Je sais que cela peut ne pas être la meilleure façon, mais il fonctionne.

    Voici ce que j'ai fait -

    #scrollableDiv {
    position:fixed;
    top:50px;
    width:300px;
    height:500px;
    word-wrap: break-word;
    overflow-y: scroll; 
}

document.getElementById("scrollableDiv").innerHTML = longText;
document.getElementById("scrollableDiv").scrollTop = 0;
    Pour éviter horizontale rebondir, assurez-vous que le contenu ne déborde pas.

    OriginalL'auteur imhere