0

我正在尝试将 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);

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

谢谢

4

3 回答 3

1

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

于 2012-03-04T17:53:08.013 回答
1

您也可以使用推翻，尽管仍处于试验阶段。它由 Filament/JQM 开发，所以我想这将是可行的方法，因为不再支持滚动视图。

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

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

于 2012-03-04T20:08:01.693 回答
0

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

  • 不正确的CSS
  • 触发 DOMContentLoaded 时，内容的加载未完成。
于 2012-10-13T23:02:23.583 回答