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 相关文章推荐
Prototype Hash对象 学习
Jul 19 Javascript
Javascript验证用户输入URL地址是否为空及格式是否正确
Oct 09 Javascript
JavaScript动态修改弹出窗口大小的方法
Apr 06 Javascript
浅谈下拉菜单中的Option对象
May 10 Javascript
javascript运算符——逻辑运算符全面解析
Jun 27 Javascript
利用Angularjs和bootstrap实现购物车功能
Aug 31 Javascript
Vuejs第十二篇之动态组件全面解析
Sep 09 Javascript
使用JavaScript实现点击循环切换图片效果
Sep 03 Javascript
Node.js连接Sql Server 2008及数据层封装详解
Aug 27 Javascript
vue项目打包之后背景样式丢失的解决方案
Jan 17 Javascript
详解一些适用于Node.js的命名约定
Dec 08 Javascript
JavaScript实现京东快递单号查询
Nov 30 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
php下实现伪 url 的超简单方法[转]
2007/09/24 PHP
php实现的支持imagemagick及gd库两种处理的缩略图生成类
2014/09/23 PHP
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
2006/09/22 Javascript
javascript实现table表格隔行变色的方法
2015/05/13 Javascript
jquery图片倾斜层叠切换特效代码分享
2015/08/27 Javascript
移动端翻页插件dropload.js(支持Zepto和jQuery)
2016/07/27 Javascript
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
2016/08/15 Javascript
node.js实现回调的方法示例
2017/03/01 Javascript
javascript 秒表计时器实现代码
2017/03/09 Javascript
Element-UI中关于table表格的那些骚操作(小结)
2019/08/15 Javascript
js中比较两个对象是否相同的方法示例
2019/09/02 Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
2019/09/26 Javascript
Vue-Cli项目优化操作的实现
2019/10/27 Javascript
你准备好迎接vue3.0了吗
2020/04/28 Javascript
[06:33]DOTA2亚洲邀请赛小组赛第二日 TOP10精彩集锦
2015/01/31 DOTA
[44:40]Spirit vs Navi Supermajor小组赛 A组败者组第一轮 BO3 第一场 6.2
2018/06/03 DOTA
python计算牛顿迭代多项式实例分析
2015/05/07 Python
Python基于分水岭算法解决走迷宫游戏示例
2017/09/26 Python
Python多线程threading和multiprocessing模块实例解析
2018/01/29 Python
Django使用Celery异步任务队列的使用
2018/03/13 Python
Python 隐藏输入密码时屏幕回显的实例
2019/02/19 Python
Python静态类型检查新工具之pyright 使用指南
2019/04/26 Python
Python过滤掉numpy.array中非nan数据实例
2020/06/08 Python
英国网上购买门:Direct Doors
2018/06/07 全球购物
新加坡网上美容店:Hermo新加坡
2019/06/19 全球购物
如何提高SQL Server的安全性
2016/07/25 面试题
资深财务管理人员自我评价
2013/09/22 职场文书
保护母亲河倡议书
2014/04/14 职场文书
公司联欢会策划方案
2014/05/19 职场文书
2014领导班子正风肃纪思想汇报
2014/09/18 职场文书
2014市国税局对照检查材料思想汇报
2014/09/23 职场文书
工伤事故赔偿协议书(标准)
2014/09/29 职场文书
2015年清明节扫墓演讲稿
2015/03/18 职场文书
小学感恩节活动总结
2015/03/24 职场文书
导游词之贵州百里杜鹃
2019/10/29 职场文书
MySQL修改默认引擎和字符集详情
2021/09/25 MySQL