2012-01-19 72 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" 
相關問題