jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQueryMobile 1.1-rc1修复了在不需要时导致页面滚动的标题大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用jQM 1.1-rc1中提供的新固定头

页面看起来像这样

<div data-theme="a" data-role="page" data-title="Home" id="home_page" >
    <div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
        <h1>Home</h1>   
    </div>
    <div data-role="content" id="categories_content">
        <ul data-role="listview" data-theme="a" id="categories_list">
            <li>something</li>
            <li>something else</li>
        </ul>
    </div> 
    <div data-role="footer" data-position="fixed" data-tap-toggle="false"><h1>Home</h1></div>
</div>

我的问题是页面滚动时没有任何需要滚动的页面.列表很短,不会低于页脚.

有没有人以前遇到过这个问题,如果有的话你是怎么克服它的?

这是一个显示问题的jsfiddlejsFiddle

提前致谢.

解决方法

这似乎是jQuery Mobile的一个错误.填充被添加到.ui-page元素以虑页眉和页脚,但页面加载时或浏览器重新调整大小时未正确更新高度.您可以通过一些黑客来解决这个问题:

//bind to the resize event for the window element
​$(window)​.on('resize',function () {

    //set a timeout to allow jQuery Mobile to update the element before we correct the value
    setTimeout(function () {

        //change the height of the current page to get rid of the scroll bar
        $.mobile.activePage.css('minHeight','-=85px');
    },50);

//trigger a resize event onload
}).trigger('resize')​;​​

更新

我在Github上为jQuery Mobile开始了一个错误报告来解决这个问题:https://github.com/jquery/jquery-mobile/issues/3825

大佬总结

以上是大佬教程为你收集整理的jQueryMobile 1.1-rc1修复了在不需要时导致页面滚动的标题全部内容,希望文章能够帮你解决jQueryMobile 1.1-rc1修复了在不需要时导致页面滚动的标题所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。