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 相关文章推荐
实现连缀调用的map方法(prototype)
Aug 05 Javascript
JavaScript isPrototypeOf和hasOwnProperty使用区别
Mar 04 Javascript
jQuery JSON实现无刷新三级联动实例探讨
May 28 Javascript
extjs表格文本启用选择复制功能具体实现
Oct 11 Javascript
javascript中的self和this用法小结
Feb 08 Javascript
javascript里绝对用的上的字符分割函数总结
Jul 31 Javascript
JS动态创建DOM元素的方法
Jun 09 Javascript
初识Javascript小结
Jul 16 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
Jul 15 Javascript
微信小程序实现动态列表项的顺序加载动画
Jul 25 Javascript
es6函数之rest参数用法实例分析
Apr 18 Javascript
vue mvvm数据响应实现
Nov 11 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
JoshChen_php新手进阶高手不可或缺的规范介绍
2013/08/16 PHP
zen_cart实现支付前生成订单的方法
2016/05/06 PHP
完美解决phpdoc导出文档中@package的warning及Error的错误
2016/05/17 PHP
PHP生成随机字符串实例代码(字母+数字)
2019/09/11 PHP
JavaScript CSS 修改学习第四章 透明度设置
2010/02/19 Javascript
自己实现ajax封装示例分享
2014/04/01 Javascript
JQuery对表格进行操作的常用技巧总结
2014/04/23 Javascript
使用jquery解析XML的方法
2014/09/05 Javascript
浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
2014/11/23 Javascript
jQuery中$.each使用详解
2015/01/29 Javascript
window.open()实现post传递参数
2015/03/12 Javascript
Javascript连接Access数据库完整实例
2015/08/03 Javascript
js事件源window.event.srcElement兼容性写法(详解)
2016/11/25 Javascript
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
2017/03/15 Javascript
layer弹窗插件操作方法详解
2017/05/19 Javascript
Angular2环境搭建具体操作步骤(推荐)
2017/08/04 Javascript
Angular中使用better-scroll插件的方法
2018/03/27 Javascript
js canvas实现橡皮擦效果
2018/12/20 Javascript
JavaScript实现移动端弹窗后禁止滚动
2020/05/25 Javascript
JavaScript实现滑块验证解锁
2021/01/07 Javascript
[29:23]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场1
2014/05/23 DOTA
[01:22:28]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第一场 1月18日
2021/03/11 DOTA
Python中的exec、eval使用实例
2014/09/23 Python
python select.select模块通信全过程解析
2017/09/20 Python
Python重新加载模块的实现方法
2018/10/16 Python
Python爬取商家联系电话以及各种数据的方法
2018/11/10 Python
python GUI库图形界面开发之PyQt5不规则窗口实现与显示GIF动画的详细方法与实例
2020/03/09 Python
python实现发送QQ邮件(可加附件)
2020/12/23 Python
Vans澳大利亚官网:购买鞋子、服装及配件
2019/09/05 全球购物
客户表扬信范文
2014/01/10 职场文书
技校个人求职信范文
2014/01/25 职场文书
勤俭节约倡议书
2014/04/14 职场文书
煤矿安全生产月活动总结
2014/07/05 职场文书
关于对大人不礼貌的检讨书
2014/09/29 职场文书
2014年高一班主任工作总结
2014/12/05 职场文书
position:sticky 粘性定位的几种巧妙应用详解
2021/04/24 HTML / CSS