2012-01-19 106 views
3

我使用phonegap和jqm来开发一个简单的应用程序 我的问题是,当您到达页面的顶部或底部时,页脚和页眉是可滚动的。jQuery手机滚动页眉和页脚(固定的toolabars?)

如果我在页面的顶部,我向上滚动,头获取滚动 - 同为页脚(见提供的图像)

我试过iScroll但它没有任何修复。 我已经尝试覆盖jqm css设置通过设置身体的溢出隐藏和溢出的.ui-content div滚动 - 也没有工作。

我也尝试将身体位置设置为固定。然后,当我滚动时,身体没有移动,但黑色屏幕从底部上升并隐藏了页面。

任何想法?

enter image description here

+1

我看不到你的形象在描述什么样的一个例子.... – Jivings

+0

的“SSS”表示jQuery Mobile的报头(数据内容=“头”) 我点击屏幕并向下移动手指(向上滚动),整个分页移动,包括标题。 当我这样做时,应该没有事情发生,因为我已经在页面的顶部。 –

+0

啊我明白了。那个iPhone是特定的吗?我以前从未遇到过这种情况。 – Jivings

回答

0

对我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和其他移动设备了。 我希望它也适用于你。

0

嗨,这attr添加您的页眉和页脚标记,并使用iscroll和iscrollview插件的内容。它的工作对我罚款

data-position="fixed" data-tap-toggle="false" 
相关问题