检测浏览器是否支持position:fixed

hearaway 发布于2019-08-20 17:06 / 752人阅读

检测浏览器是否支持position:fixed

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);
}

GPU云服务器云服务器 position:fixed 检测浏览器是否有webrtc权限判断浏览器是否支持webrtc 微信浏览器是否支持webrtc

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/83398.html

解决页面滚动时吸顶操作不能及时响应bug

摘要：这个界限就是该元素顶部距离窗口顶部的距离等于该元素设置的值比如以下像素分割线当我的顶部距离窗口顶部为值时，我就会像一样在距离窗口值处的时代发送分效果图当页面滚动到距离黄色区块顶部时，黄色区块就会在窗口顶部处，页面再往下滚动距离也不会变。 position: sticky; fixed 吸顶页面滚动结束后页面才渲染需求经常会有这样的需求，当页面滚动到某一个位置fixedTopV...

gaomysion 2019-08-30 13:18 评论0 收藏0
解决页面滚动时吸顶操作不能及时响应bug

摘要：这个界限就是该元素顶部距离窗口顶部的距离等于该元素设置的值比如以下像素分割线当我的顶部距离窗口顶部为值时，我就会像一样在距离窗口值处的时代发送分效果图当页面滚动到距离黄色区块顶部时，黄色区块就会在窗口顶部处，页面再往下滚动距离也不会变。 position: sticky; fixed 吸顶页面滚动结束后页面才渲染需求经常会有这样的需求，当页面滚动到某一个位置fixedTopV...

wapeyang 2019-08-20 13:29 评论0 收藏0
解决页面滚动时吸顶操作不能及时响应bug

摘要：这个界限就是该元素顶部距离窗口顶部的距离等于该元素设置的值比如以下像素分割线当我的顶部距离窗口顶部为值时，我就会像一样在距离窗口值处的时代发送分效果图当页面滚动到距离黄色区块顶部时，黄色区块就会在窗口顶部处，页面再往下滚动距离也不会变。 position: sticky; fixed 吸顶页面滚动结束后页面才渲染需求经常会有这样的需求，当页面滚动到某一个位置fixedTopV...

gggggggbong 2019-08-01 16:10 评论0 收藏0
vue-sticky组件详解

摘要：但当该元素的位置移出设置的视图范围时，其定位效果将变成，并根据设置的等作为其定位参数。另外，笔者在网上找过相关的组件。面向人群急于使用组件的同学。若页面大小发现变化，原显示的位置可能与页面变化后的不一致。 sticky简介 sticky的本意是粘的，粘性的，使用其进行的布局被称为粘性布局。 sticky是position属性新推出的值，属于CSS3的新特性，常用与实现吸附效果。设置...

phodal 2019-08-23 12:13 评论0 收藏0