iScroll Ipad проблемы

Question

Использование iScroll (http://cubiq.org/iscroll-4) на этом сайте (http://www.bigideaadv.com/adaptive/people.php).

У меня установлено, но оно не работает правильно. JS код ниже:

    <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>

Свернутая структура HTML:

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

CSS слишком велик для размещения здесь.

Когда я пытаюсь прокрутить, он возвращается в верхнее положение. У кого-нибудь есть мысли?

Answer 1

Вы смотрели документацию?

ONLOAD Иногда DOMContentLoaded немного поспешно и срабатывает, когда содержимое не готово.Если вы столкнетесь с некоторыми странными действиями (например, эффект резиновой ленты), попробуйте следующее:

<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>

В этом случае iScroll запускается только через 100 мс после полной загрузки страницы (графикавходит в комплект).Вероятно, это самый безопасный способ вызова iScroll.

source: cubiq

Answer 2

У меня было именно то, что случилось со мной. Я добавил параметр «snap: true», и это устранило проблему.

Итак, ваша линия:

myScroll = new iScroll('ipad_container');

станет:

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

Надеюсь, это поможет.