Problèmes liés à l'ipad iScroll

En utilisant iScroll (http://cubiq.org/iscroll-4) sur ce site Web (http://www.bigideaadv.com/adaptive/people.php).Problèmes liés à l'ipad iScroll

Je l'ai installé mais il ne fonctionne pas correctement. Code JS ci-dessous:

<script type="text/javascript">  
    var myScroll; 
    function loaded() { 
     myScroll = new iScroll('ipad_container'); 
    } 

    document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); 
    document.addEventListener('DOMContentLoaded', loaded, false); 
</script>

Structure HTML Effondré:

<div id="ipad_container"> 
      <div id="scroller"> 
      </div> 
    </div> 
    <div id="bio_section"> 
    </div> 
    <div id="nav_section_people"> 
    </div>

CSS est trop grand pour poster ici.

Lorsque j'essaie de faire défiler, il revient en position haute. Quelqu'un a des pensées?

Source

2012-02-20 Dave Rottino

Avez-vous regardé la documentation?

onLoad Parfois, le DOMContentLoaded est un peu hâtif et viré lorsque le contenu ne sont pas prêts. Si vous glissez dans certains comportements étranges (par exemple: effet de bande de caoutchouc), essayez ce qui suit:

<script type="application/javascript" src="iscroll.js"></script> 
<script type="text/javascript"> 
    var myScroll; 
    function loaded() { 
    setTimeout(function() {   
    myScroll = new iScroll('wrapper'); 
    }, 
100); } 
window.addEventListener('load', loaded, false); </script>

Dans ce cas iScroll commence seulement 100ms après que la page est complètement chargé (graphiques inclus) . C'est probablement la façon la plus sûre d'appeler l'iScroll.

source: cubiq

Source

2012-02-20 20:19:56

J'ai essayé cela. Lisez les docs et beaucoup de commentaires. Le code que vous avez affiché ci-dessus défile mais le pied de page ne colle pas au fond. –

J'ai vérifié votre page encore, et le "élastique" ne se produit plus. Y a-t-il encore un problème? –

J'ai joué avec le code et la bande élastique est de retour, ce qui, je suppose, signifie que l'on est en train de commencer. Je ne sais pas pourquoi ça claque bien. –

J'ai eu la chose exacte arriver à moi. J'ai ajouté le paramètre 'snap: true' et cela a corrigé le problème.

Ainsi, votre ligne:

myScroll = new iScroll('ipad_container');

deviendrait:

myScroll = new iScroll('ipad_container', {snap:true});

espoir qui aide.

Source

2013-01-18 20:05:39 Tim

Problèmes liés à l'ipad iScroll

Répondre

Questions connexes