iScroll ipad问题

Question

使用本网站(http://www.bigideaadv.com/adaptive/people.php)上的iScroll (http://cubiq.org/iscroll-4)。

我已经安装了它，但它不能正常工作。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在页面完全加载(包括图形)后仅100ms启动。这可能是调用iScroll最安全的方式。

来源：cubiq

Answer 2

我也遇到过同样的事情。我添加了参数'snap:true‘，它解决了这个问题。

所以，你的台词是：

myScroll = new iScroll('ipad_container');

会变成：

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

希望这能有所帮助。