iScroll ipad 问题

Question

在本网站 (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 的方法。

来源：cubiq

Answer 2

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

所以，你的台词：

myScroll = new iScroll('ipad_container');

将变成：

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

希望有帮助。