JavaScript判断浏览器和hack滚动条的写法

 更新时间:2017年07月23日 14:26:31   投稿:mrr  
这篇文章主要介绍了JavaScript判断浏览器和hack滚动条的写法,需要的朋友可以参考下

判断各大浏览器内核:

var userAgent = navigator.userAgent;                              //取得浏览器的userAgent字符串 
  var isOpera = userAgent.indexOf("Opera") > -1;                         //判断是否Opera浏览器 
  var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器 
  var isEdge = userAgent.indexOf("Edge") > -1 && !isIE;                     //判断是否IE的Edge
  var?isFF?=?userAgent.indexOf("Firefox")>-1                           //判断是否Firefox浏览器??
  var?isSafari?=?userAgent.indexOf("Safari")>-1&&?userAgent.indexOf("Chrome")==-1;        //判断是否Safari浏览器??
  var?isChrome?=?userAgent.indexOf("Chrome")>-1&&?userAgent.indexOf("Edge")==-1;         //判断Chrome浏览器??

处理各个浏览器滚动条,以下是我隐藏公司项目中滚动条的写法,仅供参考:

if(isFF){
    console.log('火狐')
    $('#parent').width((windowWidth -320)*(1.01749));
  }else if(isChrome){ 
    console.log('谷歌')
    $('#parent').width((windowWidth -320)*(1.01749));
  }else if(isIE){ 
    console.log('ie10-ie5')
    $('#parent').width((windowWidth -320)*(1.01720));
  }else if(isEdge){
    console.log('edge')
    $('#parent').width((windowWidth -320)*(1.02224));
  }else{
    console.log('ie11和其他浏览器')
    $('#parent').width((windowWidth -320)*(1.01816));
  }

以上所述是小编给大家介绍的JavaScript判断浏览器和hack滚动条的写法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

相关文章

  • 原生js实现表格翻页和跳转

    原生js实现表格翻页和跳转

    这篇文章主要为大家详细介绍了原生js实现表格翻页和跳转,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • 使用JSX实现Carousel轮播组件的方法(前端组件化)

    使用JSX实现Carousel轮播组件的方法(前端组件化)

    做这个轮播图的组件,我们先从一个最简单的 DOM 操作入手。使用 DOM 操作把整个轮播图的功能先实现出来,然后在一步一步去考虑怎么把它设计成一个组件系统
    2021-04-04
  • JavaScript继承模式粗探

    JavaScript继承模式粗探

    之前提到了JS中比较简单的设计模式,在各种设计模式中被最常使用的工具之一就是原型链的继承。作为OOP的特质之一——继承,今天主要谈谈JS中比较简单的继承方法
    2016-01-01
  • 用json方式实现在 js 中建立一个map

    用json方式实现在 js 中建立一个map

    这篇文章主要介绍了用json方式实现在javascript / js 中建立一个map,需要的朋友可以参考下
    2014-05-05
  • JS对象数组中如何匹配某个属性值

    JS对象数组中如何匹配某个属性值

    这篇文章主要介绍了JS对象数组中如何匹配某个属性值,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • js实现点击切换checkbox背景图片的简单实例

    js实现点击切换checkbox背景图片的简单实例

    下面小编就为大家带来一篇js实现点击切换checkbox背景图片的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集

    JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集

    这篇文章主要介绍了JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集,以实例形式较为详细的分析了JavaScript实现动态添加下拉菜单及响应鼠标事件生成菜单等实现技巧,需要的朋友可以参考下
    2015-09-09
  • 深入浅析JS Function()构造函数

    深入浅析JS Function()构造函数

    这篇文章给大家介绍了js function()构造函数的知识以及关于function()构造函数需要注意的几个要点,本文介绍的非常不错,具有参考借鉴价值,感兴趣的朋友一起看下吧
    2016-08-08
  • TypeScript之元组、数组及as const的使用

    TypeScript之元组、数组及as const的使用

    TypeScript中的元组、数组和as const关键字对于类型安全性和代码可读性非常重要,本文主要介绍了TypeScript之元组、数组及as const的使用,感兴趣的可以了解一下
    2023-10-10
  • javascript每日必学之多态

    javascript每日必学之多态

    javascript每日必学之多态,介绍了有关多态的相关内容,感兴趣的小伙伴们可以参考一下
    2016-02-02

最新评论