这篇文章主要介绍了javascript判断浏览器和hack滚动条的写法,需要的朋友可以参考下
今天无聊，帮一个网友解决一个很无聊的问题，用js判断页面是否出现滚动条，在网上看了一些代码，经过验证并不起作用，下面是在网上搜索到的代码：
当可视区域小于页面的实际高度时，判定为出现滚动条
判断各大浏览器内核：
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)); }
以上就是js判断浏览器和hack滚动条的实例详解的详细内容。