jQuery手機css滾動並點擊

我正在開發智能手機的移動網站並使用jquery mobile。第一次測試：http://pastehtml.com/view/bq51kpbmm.html jQuery手機css滾動並點擊

我已經將內容添加到頁面，所以它應該是可滾動的，但是當我滾動頁眉和頁腳時將停用滾動時間。 :( 第二測試：http://pastehtml.com/view/bq51nmk7i.html

jQuery的移動文檔（http://jquerymobile.com/test/docs/toolbars/bars-fixed.html）給我的信息數據位=「固定」應該禁用躲在我的頭&頁腳

我究竟做錯了什麼？

2012-03-03 David

隨着JQM這是滾動的時候才發生的事情，試着尋找周圍的一些JQM小部件會恭維JQM框架。我認爲iScroll 4做什麼你」再看這裏。

至於固定的定位，從鏈接，你在你原來的問題提供：

固定工具欄

在瀏覽器支持CSS的位置是：固定的，（通常，大多數桌面瀏覽器，的iOS5 +，Android 2.2的+，BlackBerry 6等），使用「fixedtoolbar」插件的工具欄將固定在視口的頂部或底部，而頁面內容則可以自由滾動。在不支持固定位置的瀏覽器中，工具欄將回退到頁面中的靜態內聯位置。

要在頁眉或頁腳上啓用此行爲，請將data-position =「fixed」屬性添加到jQuery Mobile頁眉或頁腳元素。

固定頭標記示例：

<div data-role="header" data-position="fixed"> 
    <h1>Fixed Header!</h1> 
</div>

固定頁腳標記示例：

<div data-role="footer" data-position="fixed"> 
    <h1>Fixed Footer!</h1> 
</div>

沒有那說，工具欄不會消失任何事實的提滾動。這只是jQm中的行爲。插件可以幫助解決這個問題。

來源

2012-03-03 21:37:09

，什麼是數據位=「固定」？ – David 2012-03-03 22:19:47

@David檢查我的更新回答 – 2012-03-03 22:45:26

iScroll 4劑量工作與jquery移動... =（ – David 2012-03-04 00:38:51

我注意到，您使用jQuery 1.0.1，然而這是最新的穩定版本1.1.0-RC1的jQuery Mobile的團隊在固定頭了長足的進步/頁腳：http://jquerymobile.com/demos/1.1.0-rc.1/docs/toolbars/bars-fixed.html

我推薦使用jQuery Mobile的1.1.0-RC1：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>

下面是使用完全相同的代碼演示，但與上述包括代替1.0.1包括：http://jsfiddle.net/tLNFu/

來源

2012-03-04 03:14:37 Jasper

jQuery手機css滾動並點擊

回答

相關問題