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 相关文章推荐
一些常用的JS功能函数代码
Jun 23 Javascript
jQuery应用之jQuery链用法实例
Jan 19 Javascript
jQuery使用fadein方法实现渐出效果实例
Mar 27 Javascript
使用AngularJS来实现HTML页面嵌套的方法
Jun 17 Javascript
基于javascript实现随机颜色变化效果
Jan 14 Javascript
JS瀑布流实现方法实例分析
Dec 19 Javascript
Bootstrap 手风琴菜单的实现代码
Jan 20 Javascript
深入浅出理解JavaScript闭包的功能与用法
Aug 01 Javascript
js数据类型转换与流程控制操作实例分析
Dec 18 Javascript
node.js使用yargs处理命令行参数操作示例
Feb 11 Javascript
2020淘宝618理想生活列车自动领喵币js脚本的代码
Jun 02 Javascript
vue-router 按需加载 component: () =&gt; import() 报错的解决
Sep 22 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实现对文本数据库的常用操作方法实例演示
2014/07/04 PHP
PHP自毁程序(慎用)
2015/07/09 PHP
php 使用html5实现多文件上传实例
2016/10/24 PHP
用Javascript读取中文COOKIE的解决办法
2007/02/15 Javascript
基于JQuery框架的AJAX实例代码
2009/11/03 Javascript
精心挑选的15款优秀jQuery 本特效插件和教程
2012/08/06 Javascript
Javascript弹出窗口的各种方法总结
2013/11/11 Javascript
javascript的 {} 语句块详解
2016/02/27 Javascript
IE8 内存泄露(内存一直增长 )的原因及解决办法
2016/04/06 Javascript
jquery实现网站列表切换效果的2种方法
2016/08/12 Javascript
vue-router路由简单案例介绍
2017/02/21 Javascript
js图片延迟加载(Lazyload)三种实现方式
2017/03/01 Javascript
JavaScript中清空数组的三种方式
2017/03/22 Javascript
JavaScript同源策略和跨域访问实例详解
2018/04/03 Javascript
[03:04]2018年度DOTA2玩家最喜爱的主播-完美盛典
2018/12/16 DOTA
Python中常用操作字符串的函数与方法总结
2016/02/04 Python
详解Python中使用base64模块来处理base64编码的方法
2016/07/01 Python
对Python 文件夹遍历和文件查找的实例讲解
2018/04/26 Python
详解Django-channels 实现WebSocket实例
2019/08/22 Python
春节到了 教你使用python来抢票回家
2020/01/06 Python
python实现AdaBoost算法的示例
2020/10/03 Python
世界排名第一的万圣节服装店:Spirit Halloween
2018/10/16 全球购物
MIKI HOUSE美国官方网上商店:日本领先的婴儿和儿童高级时装品牌
2020/06/21 全球购物
煤矿班组长的职责
2013/12/25 职场文书
同居协议书范本
2014/04/23 职场文书
教师求职自荐书
2014/06/14 职场文书
2014年幼师工作总结
2014/11/22 职场文书
承诺函范文
2015/01/21 职场文书
2015年党风廉政承诺书
2015/01/22 职场文书
音乐研修感悟
2015/11/18 职场文书
Python实战之实现康威生命游戏
2021/04/26 Python
简单了解 MySQL 中相关的锁
2021/05/25 MySQL
html5表单的required属性使用
2021/07/07 HTML / CSS
深入浅析Django MTV模式
2021/09/04 Python
MySQL磁盘碎片整理实例演示
2022/04/03 MySQL
css样式important规则的正确使用方式
2022/06/10 HTML / CSS