201508061040_《移动开发之——解决header定位差异问题代码》

手机浏览器对header有时用position:fixed;没用,只能用position:absolute;代替,鉴于此,封装了如下代码用于适配和过滤:

function isSupportFixed() {
    var userAgent = window.navigator.userAgent,
        ios = userAgent.match(/(iPad|iPhone|iPod)\s+OS\s([\d_\.]+)/),
        ios5below = ios && ios[2] && (parseInt(ios[2].replace(/_/g, ‘.‘), 10) < 5),
        operaMini = /Opera Mini/i.test(userAgent),
        body = document.body,
        div, isFixed;

    div = document.createElement(‘div‘);
    div.style.cssText = ‘display:none;position:fixed;z-index:100;‘;
    body.appendChild(div);
    isFixed = window.getComputedStyle(div).position != ‘fixed‘;
    body.removeChild(div);
    div = null;

    return !!(isFixed || ios5below || operaMini);
}
时间: 2024-08-14 20:15:13

201508061040_《移动开发之——解决header定位差异问题代码》的相关文章

[译]软件开发中个人生产力的差异

原文 https://www.construx.com/10x-software-development/productivity-variations-among-software-developers-and-teams-the-origin-of-10x/ 一些博客读者要求更多关于 "10x"名称由来的背景信息.这名称的主要是研究人员发现,具有相同经验的程序员或同一行业的不同团队之间,生产力和品质有10倍的差异. 软件开发中个人生产力的差异 Sackman, Erikson, a

云开发如何解决serverless对端的最后一公里问题

云开发如何解决serverless对端的最后一公里问题 @(技术分享) 前端圈从来不缺少新的技术.点子和话题,有些留下来了而有些则转瞬即逝.在决定一种新技术是否能够长久的所有因素里,最核心的必然是自身实力过硬能够经受住实践检验.而除此之外,这项技术所解决问题的广泛程度.受众群体规模等"非技术因素"也至关重要. 比如一经问世便话题性十足的React时至今日不论是自身还是其优秀的效仿者们都仍旧高歌猛进,高性能的vdom和高效率的数据驱动开发模式固然是其立足的基本,但React能够高度普及的

对Azure二次开发,解决资源&ldquo;独占访问&rdquo;的问题

对Azure二次开发,解决资源"独占访问"的问题 在对Azure 进行二次开发过程中,首当其冲就是明白Azure的具体的"交互逻辑","消息机制","数据管理",在说问题前,我想你对于Rest API 的使用,至少有了初步的了解.这里,我就不多说,微软给我最巨大的印象就是它的文档,如果,你还有些不了解,请参考"Microsoft Developer Network"的"服务管理Rest API参考

linux下开发,解决cocos2d-x中编译出现的一个小问题, undefined reference to symbol &amp;#39;[email&#160;protected]@GLIBC_2.2.5&amp;#39;

解决cocos2d-x中编译出现的一个小问题 对于cocos2d-x 2.×中编译中,若头文件里引入了#include "cocos-ext.h",在进行C++编译的时候会遇到例如以下错误: undefined reference to symbol '[email protected]@GLIBC_2.2.5'/lib/x86_64-linux-gnu/libpthread.so.0: error adding symbols: DSO missing from command li

【Win10 应用开发】解决VS 2015 RC不能调试手机应用的问题

原文:[Win10 应用开发]解决VS 2015 RC不能调试手机应用的问题 VS2015 RC已发布,当然这个版本还不能用于实际生产中,如果你没有测试环境,就等正式版出来,RC都来了,RTM就不远了. 如果你也像老周一样,已经在耍RC版了,你可能会遇到下面问题: 安装Win 10 SDK后,在手机模拟器上调试应用程序时会失败,错误如下: 狄胖胖经常跟元芳说,解决问题一定要顺藤摸瓜,抽丝剥茧.那么咱们就看看错误信息,既然说是找不到这个文件,那我们就打开这个目录,看看里面有什么. 打开以下目录:

【转】iOS开发------使用Xcode编译器定位抛出异常的位置 -- 不错不错!!!

原文网址:http://blog.csdn.net/runintolove/article/details/51297734 虽然Objective-C对异常进行了封装,但日常敲代码的时候,往往会因为马虎,代码段出现了一点小小的错误,自己却发现不了.当然,很多时候,Xcode就会直接报错(也就是俗话说的崩了)告诉我们,这个时候只要根据报出的异常堆栈,就可以找到错误的具体位置. 可是有一种情况,相信大家肯定遇到过,程序不崩或者崩了但是没有告诉我们异常堆栈,但错误原因告诉我们了: *** First

修改浏览器属性配置的作用---开发机上解决跨域的方式

开发阶段解决跨域问题,可以通过修改浏览器属性配置,来关闭浏览器的同源策略保护机制,从而实现解决跨域问题,有下面三种方式:1. MAC系统,终端输入代码段 "open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/admin/MyChromeDevUserData/" 2.window系统,cmd输入代码段 "C:\Program Files (

Eclipse SWT开发教程以及一个连连看游戏的代码实现下载

原创整理不易,转载请标明出处:Eclipse SWT开发教程以及一个连连看游戏的代码实现下载 代码下载地址:http://www.zuidaima.com/share/1772672482675712.htm 我在前面讲过:如果讲GUI编程一味只讲各个控件的使用方法,那么纯粹是浪费大家时间,如果出书,那绝对是骗钱的.所以我并不会详细地讲解SWT各个控件的具体使用方法.然而的众所周知,Eclipse的UI界面是建立在SWT基础之上的,如果一字不提SWT,似乎也不大可能.SWT是一个优秀的GUI编程

Xamarin iOS开发实战上册-----2.2.2 使用代码添加视图

Xamarin iOS开发实战上册-----2.2.2  使用代码添加视图 如果开发者想要使用代码为主视图添加视图,该怎么办呢.以下将为开发者解决这一问题.要使用代码为主视图添加视图需要实现3个步骤. 1.实例化视图对象 每一个视图都是一个特定的类.在C#中,经常会说,类是一个抽象的概念,而非具体的事物,所以要将类进行实例化.实例化一个视图对象的具体语法如下: 视图类 对象名=new 视图类(); 以我们接触的第一个视图View为例,它的实例化对象如下: UIView vv=new UIView