我的Web應用程序中的滾動條應該只滾動「內容」部分。但是，只要滾動到內容的結尾或頂部，滾動條就會滾動頁眉或頁腳。此外，頁面被拖動，看起來非常醜陋。jQuery-Mobile禁用頁面拖動和防止滾動頁眉/頁腳

這裏的一些圖片：

http://imgur.com/1xNLenx,5EVjBuH,WDo0UAa,Kd3bzy5#0

頁眉和頁腳固定在適當位置。

頁眉：

<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">

頁腳：

<div data-role="footer" data-position="fixed" data-tap-toggle="false">

如何防止這種行爲？謝謝。

來源

2013-06-22 RedErdnuss

是U使用的是什麼版本的jQuery Mobile的嗎？ – krishgopinath

我正在使用版本1.3.1。 – RedErdnuss

任何想法？除了顏色和東西以外，我沒有改變任何CSS。基本上在** data-role =「page」**中，有** data-role =「header」**，接下來是** data-role =「content」**，最後** data-role =「footer」** with ** data-role =「navbar」** – RedErdnuss

你是否試圖將所有三個屬性都包含在頭中？

數據位= 「固定」
數據抽頭肘節= 「假」
數據更新頁-填充= 「假」

下面是代碼：

<div data-role="header" data-position="fixed" data-tap-toggle="false" data-update-page-padding ="false"> </div>

希望得到這個幫助！

來源

2013-06-22 16:11:14

爲您的標題賦予一個ID。並嘗試添加此腳本。

JQUERY

$(document).ready(function() { 
    $("#my_header").fixedtoolbar({ tapToggle: false }); 
});

HTML

<div id="my_header" data-role="header" data-theme="b">  
    <h1>Header</h1>   
</div>

來源

2013-06-23 09:09:24 yeyene

jQuery-Mobile禁用頁面拖動和防止滾動頁眉/頁腳

回答

JQUERY

HTML

相關問題