JQM + iScroll 4滚动奇怪的滚动

问题描述：

我正在尝试将JQM和iScroll 4用于项目并将其转换为带有xCode的本机应用程序。我喜欢使用iScroll，因为必须始终显示页眉和页脚。问题是，滚动部分不工作，它创建'滚动div'，但是当我尝试滚动它时，它会弹回顶部。JQM + iScroll 4滚动奇怪的滚动

这是我的HTML和JS

一个简单的HTML页面：

<div data-role="page" class="pages" id="home"> 
    <div data-role="header"> 
     <a href="#"class="showMenu menuBtn" data-icon="grid" data-iconpos="notext">Menu</a> 
     <h1>header</h1> 
    </div> 
    <div data-role="content"> 
     <div id="wrapper"> 
      <div id="slide-content"> 
       <h3>Slide Menu</h3> 
       <ul data-role="listview"> 
        <li><a href="#home">Scroll naar benenden 
         </a></li> 
          ... lots of <li> 
          <li><a href="#home">Scroll naar benenden 
         </a></li> 
      </ul> 
      </div> 
     </div> 
    </div> 
    <div data-role="footer"> 
     <h1>footer</h1> 
    </div> 
</div>

JS：

var myScroll 
function loaded() { 
    myScroll = new iScroll('wrapper'); 
} 

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

如果您需要更多的信息，请您将收到:)

谢谢

答

您也可以使用推翻，尽管仍然是实验。它由Filament/JQM开发，所以我认为这将是继续前进的方式，因为scrollview将不再被支持。

在这里看到：http://filamentgroup.com/lab/overthrow/

这里：http://filamentgroup.github.com/Overthrow/

不错，并且这也适用于原生Android应用程序？ – 2012-03-04 21:18:47

um。还没有真正尝试过，前几天刚刚被推翻，但是从他们说的应该是跨平台解决方案 – frequent 2012-03-04 21:45:26

Yup ，非常感谢！作品像一个魅力;） – 2012-03-06 19:48:43

答

您是否看过jqm 1.1版（应该会很快发布），它有一个持续的页眉和页脚，您可以在这里查看rc1文档：http://jquerymobile.com/demos/1.1.0-rc.1/docs/toolbars/footer-persist-a.html

好吧，不错，也许我会在将来使用它。但目前，我会与@frequent – 2012-03-04 21:21:18

解决方案一起使用我也在浏览器中尝试了这一点，没有问题，但是当我转到本地时，它会在我严格处理内容时滑动。坏：:( – 2012-03-05 14:26:09

答

你的问题可以很容易地得到解决。问题是iScroll无法确定滚动div的高度。潜在的原因是：

不正确的CSS
内容需要时DOMContentLoaded被激发是不完整的加载。

JQM + iScroll 4滚动奇怪的滚动

相关推荐