Question

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

这是我的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);

如果您需要更多信息，请询问并收到：）

由于

Answer 1

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

Answer 2

你也可以使用推翻，尽管仍然是实验性的。它是由Filament / JQM开发的，所以我想这将是一种方法，因为不再支持scrollview。

见这里：http://filamentgroup.com/lab/overthrow/

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

Answer 3

您的问题很容易解决。问题是iScroll无法确定滚动div的高度。可能的原因是：

错误的css
在触发DOMContentLoaded时，内容获取的加载不完整。

JQM + iScroll 4滚动奇怪的滚动

3 个答案: