zoukankan      html  css  js  c++  java
  • 201508061040_《移动开发之——解决header定位差异问题代码》

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

    function isSupportFixed() {
        var userAgent = window.navigator.userAgent, 
            ios = userAgent.match(/(iPad|iPhone|iPod)s+OSs([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);
    }
    前端-语言
  • 相关阅读:
    08-30 作业整理
    JS题目整理
    08-20作业整理
    CSS3知识总结
    CSS样式表知识总结
    html标签知识总结
    Dice (III) 概率dp
    Island of Survival 概率
    How far away ?
    Hdu 2874 Connections between cities
  • 原文地址:https://www.cnblogs.com/beesky520/p/4707314.html
Copyright © 2011-2022 走看看