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 相关文章推荐
一次失败的jQuery优化尝试小结
Feb 06 Javascript
JS检测输入字符是否包含非法字符的示例代码
Feb 11 Javascript
JQuery实现级联下拉框效果实例讲解
Sep 17 Javascript
简单的JS时钟实例讲解
Jan 13 Javascript
jQuery Mobile框架中的表单组件基础使用教程
May 17 Javascript
通过javascript进行UTF-8编码的实现方法
Jun 27 Javascript
ECMAScript6快速入手攻略
Jul 18 Javascript
AngularJS 输入验证详解及实例代码
Jul 28 Javascript
jQuery实现简单的手风琴效果
Apr 17 jQuery
js排序与重组的实例讲解
Aug 28 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
Sep 24 Javascript
JavaScript类的继承多种实现方法
May 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
《Re:从零开始的异世界生活 冰结之绊》
2020/04/09 日漫
一个php作的文本留言本的例子(二)
2006/10/09 PHP
php url路由入门实例
2014/04/23 PHP
php实现用于计算执行时间的类实例
2015/04/18 PHP
php实现获取农历(阴历)、节日、节气的类与用法示例
2017/11/20 PHP
跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明
2010/05/04 Javascript
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
2013/01/29 Javascript
JavaScript各类型的关系图解
2015/10/16 Javascript
基于JavaScript如何制作遮罩层对话框
2016/01/26 Javascript
AngularJS 自定义指令详解及示例代码
2016/08/17 Javascript
浅谈js中test()函数在正则中的使用
2016/08/19 Javascript
bootstrap组件之导航组件使用方法
2017/01/19 Javascript
JavaScript无阻塞加载和defer、async详解
2017/02/26 Javascript
Vue 项目部署到服务器的问题解决方法
2017/12/05 Javascript
vue多个元素的样式选择器问题
2019/11/29 Javascript
js实现点赞效果
2020/03/16 Javascript
[02:41]辉夜杯现场一家三口 “我爸玩风行 我玩血魔”
2015/12/27 DOTA
python 中文乱码问题深入分析
2011/03/13 Python
Python实现Const详解
2015/01/27 Python
Python语法快速入门指南
2015/10/12 Python
python类的继承实例详解
2017/03/30 Python
python学习必备知识汇总
2017/09/08 Python
使用anaconda的pip安装第三方python包的操作步骤
2018/06/11 Python
pycharm修改界面主题颜色的方法
2019/01/17 Python
详解vscode实现远程linux服务器上Python开发
2020/11/10 Python
python实现发送QQ邮件(可加附件)
2020/12/23 Python
什么是smarty? Smarty的优点是什么?
2013/08/11 面试题
餐厅总厨求职信
2014/03/04 职场文书
广告学专业求职信
2014/06/19 职场文书
经理聘任证明
2015/03/02 职场文书
企业财务经理岗位职责
2015/04/08 职场文书
员工聘用合同范本
2015/09/21 职场文书
低端且暴利的线上线下创业项目分享
2019/09/03 职场文书
使用python向MongoDB插入时间字段的操作
2021/05/18 Python
Python Django项目和应用的创建详解
2021/11/27 Python
【海涛dota】偶遇拉娜娅 质量局德鲁伊第一视角解说
2022/04/01 DOTA