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仅在页面开始后100ms启动完全加载（包括图形）。这可能是最安全的调用iScroll的方法。

来源：cubiq

Answer 2

我确实发生了一件事。我添加了参数'snap：true'并修复了问题。

所以，你的行：

myScroll = new iScroll('ipad_container');

会变成：

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

希望有所帮助。

iScroll ipad问题

2 个答案: