JS判断页面是否出现滚动条的方法


Posted in Javascript onJuly 17, 2015

本文实例讲述了JS判断页面是否出现滚动条的方法。分享给大家供大家参考。具体如下:

var isScroll = function (el) {
   // test targets
   var elems = el ? [el] : [document.documentElement, document.body];
   var scrollX = false, scrollY = false;
   for (var i = 0; i < elems.length; i++) {
     var o = elems[i];
     // test horizontal
     var sl = o.scrollLeft;
     o.scrollLeft += (sl > 0) ? -1 : 1;
     o.scrollLeft !== sl && (scrollX = scrollX || true);
     o.scrollLeft = sl;
     // test vertical
     var st = o.scrollTop;
     o.scrollTop += (st > 0) ? -1 : 1;
     o.scrollTop !== st && (scrollY = scrollY || true);
     o.scrollTop = st;
   }
   // ret
   return {
     scrollX: scrollX,
     scrollY: scrollY
   };
 };

 希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript 学习之旅 (1)
Feb 05 Javascript
$.getJSON在IE下失效的原因分析及解决方法
Jun 16 Javascript
AngularJS实现元素显示和隐藏的几个案例
Dec 09 Javascript
javascript实现PC网页里的拖拽效果
Mar 14 Javascript
jQuery EasyUI菜单与按钮详解
Jul 13 Javascript
利用原生JS自动生成文章标题树的实例
Aug 22 Javascript
详细谈谈AngularJS的子级作用域问题
Sep 05 Javascript
jQuery动态增减行的实例代码解析(推荐)
Dec 05 Javascript
Javascript循环删除数组中元素的几种方法示例
May 18 Javascript
关于前后端json数据的发送与接收详解
Jul 30 Javascript
关于angular浏览器兼容性问题的解决方案
Jul 26 Javascript
微信小程序学习之自定义滚动弹窗
Dec 20 Javascript
javascript图片预加载实例分析
Jul 16 #Javascript
javascript的BOM汇总
Jul 16 #Javascript
.NET微信公众号开发之创建自定义菜单
Jul 16 #Javascript
初识Javascript小结
Jul 16 #Javascript
浅谈javascript中的DOM方法
Jul 16 #Javascript
详细分析JavaScript函数定义
Jul 16 #Javascript
jQuery时间轴插件使用详解
Jul 16 #Javascript
You might like
附件名前加网站名
2008/03/23 PHP
php minixml详解
2008/07/19 PHP
xss防御之php利用httponly防xss攻击
2014/03/21 PHP
PHP 面向对象程序设计(oop)学习笔记 (四) - 异常处理类Exception
2014/06/12 PHP
php根据生日计算年龄的方法
2015/07/13 PHP
php抛出异常与捕捉特定类型的异常详解
2016/10/26 PHP
PHP实现的曲线统计图表示例
2016/11/10 PHP
Javascript学习笔记二 之 变量
2010/12/15 Javascript
Jquery ajax传递复杂参数给WebService的实现代码
2011/08/08 Javascript
JS小游戏之极速快跑源码详解
2014/09/25 Javascript
jQuery实现流动虚线框的方法
2015/01/29 Javascript
JavaScript函数节流和函数防抖之间的区别
2017/02/15 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
2017/07/08 jQuery
js中的 || 与 &amp;&amp; 运算符详解
2018/05/24 Javascript
一百行JS代码实现一个校验工具
2019/04/30 Javascript
[40:04]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
在Python的Django框架中显示对象子集的方法
2015/07/21 Python
Python中的异常处理相关语句基础学习笔记
2016/07/11 Python
Python使用中文正则表达式匹配指定中文字符串的方法示例
2017/01/20 Python
Python内置函数——__import__ 的使用方法
2017/11/24 Python
使用django的objects.filter()方法匹配多个关键字的方法
2019/07/18 Python
一篇文章弄懂Python中的可迭代对象、迭代器和生成器
2019/08/12 Python
在jupyter notebook 添加 conda 环境的操作详解
2020/04/10 Python
Python 忽略文件名编码的方法
2020/08/01 Python
Python中logger日志模块详解
2020/08/04 Python
HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)
2017/08/24 HTML / CSS
护士自荐信
2013/10/25 职场文书
机械电子工程专业推荐信范文
2013/11/20 职场文书
技术负责人任命书
2014/06/05 职场文书
责任书格式范文
2014/07/28 职场文书
2014年教务处工作总结
2014/12/03 职场文书
听课评课活动心得体会
2016/01/15 职场文书
spring项目中切面及AOP的使用方法
2021/06/26 Java/Android
Vue的过滤器你真了解吗
2022/02/24 Vue.js
JS函数式编程实现XDM一
2022/06/16 Javascript
彻底卸载VMware虚拟机的超详细步骤记录
2022/07/15 Servers