jQuery mobile css滚动并单击

我正在为智能手机开发移动网站并使用jquery mobile。 第一次测试: http : //pastehtml.com/view/bq51kpbmm.html

我已将内容添加到页面中,因此它应该是可滚动的,但是当我滚动时,页眉和页脚将被禁用滚动时间。 :(第二次测试: http : //pastehtml.com/view/bq51nmk7i.html

jquery移动文档(http://jquerymobile.com/test/docs/toolbars/bars-fixed.html)向我提供data-position =“fixed”应该禁用隐藏我的页眉和页脚的信息

我究竟做错了什么?

使用jQm,这就是滚动时发生的情况。 试着寻找一些可以补充jQm框架的jQm小部件。 我认为iScroll 4可以满足您的需求。

至于固定定位,请从原始问题中提供的链接:

固定工具栏

在支持CSS位置的浏览器中:固定(通常是大多数桌面浏览器,iOS5 +,Android 2.2 +,BlackBerry 6等),使用“fixedtoolbar”插件的工具栏将固定在视口的顶部或底部,而页面内容在两者之间自由滚动。 在不支持固定定位的浏览器中,工具栏将回退到页面中的静态内联位置。

要在页眉或页脚上启用此行为,请将data-position =“fixed”属性添加到jQuery Mobile页眉或页脚元素。

固定标头标记示例:

Fixed Header!

固定页脚标记示例:

 

Fixed Footer!

没有提到任何事实说工具栏在滚动时不会消失。 这只是jQm中的行为。 插件可以帮助解决这个问题。

我注意到你使用的是jQuery 1.0.1,这是最新的稳定版本,但是在1.1.0-RC1中,jQuery Mobile团队在固定页眉/页脚方面取得了很大的进步: http : //jquerymobile.com/demos/1.1。 0-RC.1 /文档/工具栏/棒-fixed.html

我建议使用jQuery Mobile 1.1.0-RC1:

    

这是一个演示使用完全相同的代码,但上面的包括而不是1.0.1包括: http : //jsfiddle.net/tLNFu/