jQuery mobile滚动页眉和页脚（固定太多了？）

Question

我正在使用phonegap和jqm来开发一个简单的应用程序 我的问题是，当您到达页面的顶部或底部时，页脚和页眉是可滚动的。

如果我在页面顶部，并向上滚动，标题会滚动 - 页脚也一样（请参阅提供的图片）

我已经尝试过iScroll，但它没有解决任何问题。 我已经尝试通过将主体的溢出设置为隐藏并将.ui-content div的溢出设置为滚动来覆盖jqm css设置 - 也没有工作。

我也尝试将身体姿势设定为固定。然后，当我滚动时，身体没有移动，但黑色的屏幕从底部升起并隐藏在页面上。

有什么想法吗？

Answer 1

在MIT lic下发布了一个iscroll / jqm脚本。为此...

https://github.com/yappo/javascript-jquery.mobile.iscroll

希望这有帮助。

Answer 2

对我来说iScroll没有帮助。我有固定的标题，我在JQM方式修复它，所以它是这样的：

<div data-role="header" class="basic-top" data-position="fixed" data-tap-toggle="false" data-transition="none">

有很长一段时间找到一种方法来找到好的代码，识别页面底部，以及加载更多内容。

最后我使用了这个：

$(window).scroll(function() {
   if($(window).scrollTop() + window.innerHeight == $(document).height()) {
    NameFunctionWhatCallsAjax();
   }
});

我把它放在我的标题中：

<meta name="viewport" content="width=device-width, initial-scale=1">

它也适用于Iphone和其他移动设备。 我希望它也适合你。

Answer 3

您好这个attr添加了您的页眉和页脚标记，并使用 iscroll和iscrollview 插件获取内容。它的工作正常我

data-position="fixed" data-tap-toggle="false"