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 相关文章推荐
关于恒等于(===)和非恒等于(!==)
Aug 20 Javascript
jQuery获得内容和属性示例代码
Jan 16 Javascript
jQuery 获取/设置/删除DOM元素的属性以a元素为例
May 23 Javascript
AngularJS手动表单验证
Feb 01 Javascript
javascript模块化简单解析
Apr 07 Javascript
js学习总结之DOM2兼容处理重复问题的解决方法
Jul 27 Javascript
jQuery获取复选框选中的当前行的某个字段的值
Sep 15 jQuery
轻量级JS Cookie插件js-cookie的使用方法
Mar 22 Javascript
使用layui的router来进行传参的实现方法
Sep 06 Javascript
详解element上传组件before-remove钩子问题解决
Apr 08 Javascript
JS如何调用WebAssembly编译出来的.wasm文件
Nov 05 Javascript
JS中循环遍历数组的四种方式总结
Jan 23 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
WordPress中查询文章的循环Loop结构及用法分析
2015/12/17 PHP
yii gridview实现时间段筛选功能
2017/08/15 PHP
laravel使用数据库测试注意事项
2020/04/10 PHP
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
2010/12/11 Javascript
基于js disabled=&quot;false&quot;不起作用的解决办法
2013/06/26 Javascript
浏览器页面区域大小的js获取方法
2013/09/21 Javascript
jquery 设置元素相对于另一个元素的top值(实例代码)
2013/11/06 Javascript
JavaScript Math.floor方法(对数值向下取整)
2015/01/09 Javascript
javascript类型系统——undefined和null全面了解
2016/07/13 Javascript
JS中常用的正则表达式
2016/09/29 Javascript
基于JS实现横线提示输入验证码随验证码输入消失(js验证码的实现)
2016/10/27 Javascript
Angular2 Service实现简单音乐播放器服务
2017/02/24 Javascript
详解nodejs微信公众号开发——1.接入微信公众号
2017/04/10 NodeJs
Node.js操作redis实现添加查询功能
2017/05/25 Javascript
基于angular实现模拟微信小程序swiper组件
2017/06/11 Javascript
JS中FileReader类实现文件上传及时预览功能
2020/03/27 Javascript
vue点击Dashboard不同内容 跳转到同一表格的实例
2020/11/13 Javascript
swiperjs实现导航与tab页的联动
2020/12/13 Javascript
python判断端口是否打开的实现代码
2013/02/10 Python
Python实现的字典值比较功能示例
2018/01/08 Python
DataFrame中去除指定列为空的行方法
2018/04/08 Python
Python实现Dijkstra算法
2018/10/17 Python
关于python下cv.waitKey无响应的原因及解决方法
2019/01/10 Python
12个Python程序员面试必备问题与答案(小结)
2019/06/24 Python
Python中__repr__和__str__区别详解
2019/11/07 Python
打印tensorflow恢复模型中所有变量与操作节点方式
2020/05/26 Python
全球知名的婚恋交友网站:Match.com
2017/01/05 全球购物
全球在线商店:BerryLook
2019/04/14 全球购物
师范生实习自我鉴定
2013/11/01 职场文书
生日主持词
2014/03/20 职场文书
房产继承公证书
2014/04/09 职场文书
班主任个人工作反思
2014/04/28 职场文书
单位委托书怎么写
2014/09/21 职场文书
食品卫生管理制度
2015/08/06 职场文书
CSS实现多个元素在盒子内两端对齐效果
2021/03/30 HTML / CSS
只用Python就可以制作的简单词云
2021/06/07 Python