jquery-mobile - jQuery 移动页面

Question

我正在为我的移动应用程序使用 jquery mobile。我想制作一个页面data-role=content 溢出时应该滚动的页面，但它正在滚动带有页眉和页脚的整个页面。我只想滚动内容 div，并且应该修复页眉和页脚 div。我已经看过 iscrollview 但它只能在 iPhone 或任何其他方式中工作。

请建议我如何制作这个设计。

Answer 1

只需在页眉和页脚中添加一个 data-position="fixed" 即可。检查以下示例：

<div data-role="page"> 
    <div data-role="header" data-position="fixed" data-tap-toggle="false">...</div> 
    <div data-role="content">...</div> 
    <div data-role="footer" data-position="fixed" data-tap-toggle="false">...</div> 
</div> 

Answer 2

看看http://cubiq.org/iscroll-4；它可能不是 jQuery，但它是一个出色的移动滚动 JavaScript 插件。

您将为每个 UL 添加一个 ID，并分别为每个 UL 添加一个卷轴。