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进阶教程(第四课第一部分)
Apr 05 Javascript
javascript 写类方式之三
Jul 05 Javascript
JavaScript 直接操作本地文件的实现代码
Dec 01 Javascript
JS实现定时页面弹出类似QQ新闻的提示框
Nov 07 Javascript
JQuery插件ajaxfileupload.js异步上传文件实例
May 19 Javascript
用Move.js配合创建CSS3动画的入门指引
Jul 22 Javascript
理解 JavaScript Scoping &amp; Hoisting(二)
Nov 18 Javascript
基于jQuery的Web上传插件Uploadify使用示例
May 19 Javascript
javascript实现的左右无缝滚动效果
Sep 19 Javascript
需要牢记的JavaScript基础知识
Sep 25 Javascript
ionic2屏幕适配实现适配手机、平板等设备的示例代码
Aug 11 Javascript
在微信小程序中使用vant的方法
Jun 07 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
浅谈Laravel中的一个后期静态绑定
2017/08/11 PHP
php获取小程序码的实现代码(B类接口)
2020/06/13 PHP
var与Javascript变量隐式声明
2009/09/17 Javascript
JQuery下关于$.Ready()的分析
2009/12/13 Javascript
jquery $(document).ready() 与window.onload的区别
2009/12/28 Javascript
Jquery 扩展方法
2010/05/06 Javascript
在网页中使用document.write时遭遇的奇怪问题
2010/08/24 Javascript
详解JavaScript对象类型
2016/06/16 Javascript
Bootstrap编写一个在当前网页弹出可关闭的对话框 非弹窗
2016/06/30 Javascript
AngularJS入门教程之模块化操作用法示例
2016/11/02 Javascript
微信小程序实现全局搜索代码高亮的示例
2018/03/30 Javascript
微信小程序自定义单项选择器样式
2019/07/25 Javascript
JS中的算法与数据结构之列表(List)实例详解
2019/08/16 Javascript
vue 开发企业微信整合案例分析
2019/12/02 Javascript
JS实现判断移动端PC端功能
2020/02/21 Javascript
py中的目录与文件判别代码
2008/07/16 Python
简单介绍Python2.x版本中的cmp()方法的使用
2015/05/20 Python
Python语言的面相对象编程方式初步学习
2016/03/12 Python
离线安装Pyecharts的步骤以及依赖包流程
2020/04/23 Python
Python数据可视化之画图
2019/01/15 Python
基于Python的PIL库学习详解
2019/05/10 Python
TensorFlow 显存使用机制详解
2020/02/03 Python
详解pandas中iloc, loc和ix的区别和联系
2020/03/09 Python
python中有函数重载吗
2020/05/28 Python
Kneipp克奈圃美国官网:德国百年精油配方的传承
2018/02/07 全球购物
韩国现代百货官网:Hmall
2018/03/21 全球购物
物理教师自荐信范文
2013/12/28 职场文书
最新会计专业求职信范文
2014/01/28 职场文书
祖国在我心中演讲稿500字
2014/05/04 职场文书
学生顶撞老师的检讨书
2014/09/17 职场文书
县政府班子个人对照检查材料
2014/10/05 职场文书
2014年化验室工作总结
2014/11/21 职场文书
教师节表彰会主持词
2015/07/06 职场文书
安全温馨提示语大全
2015/07/14 职场文书
新闻报道稿范文
2015/07/23 职场文书
python numpy中multiply与*及matul 的区别说明
2021/05/26 Python