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 性能优化指南(3)
May 21 Javascript
让Firefox支持event对象实现代码
Nov 07 Javascript
jQuery实现的自定义滚动条实例详解
Sep 20 Javascript
微信小程序 loading 详解及实例代码
Nov 09 Javascript
ECMAScript6--解构
Mar 30 Javascript
vue-cli 引入、配置axios的方法
May 08 Javascript
Vue-component全局注册实例
Sep 06 Javascript
vue-cli3 配置开发与测试环境详解
May 17 Javascript
解决vue的touchStart事件及click事件冲突问题
Jul 21 Javascript
Openlayers实现地图全屏显示
Sep 28 Javascript
Vue中inheritAttrs的使用实例详解
Dec 31 Vue.js
JavaScript实现酷炫的鼠标拖尾特效
Feb 18 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
基于mysql的论坛(5)
2006/10/09 PHP
php安装xdebug/php安装pear/phpunit详解步骤(图)
2013/12/22 PHP
php面向对象之反射功能与用法分析
2017/03/29 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
javascript firefox兼容ie的dom方法脚本
2008/05/18 Javascript
再谈Jquery Ajax方法传递到action(补充)
2014/05/12 Javascript
JavaScript实现仿网易通行证表单验证
2015/05/25 Javascript
浅谈window对象的scrollBy()方法
2015/07/15 Javascript
JS中的进制转换以及作用
2016/06/26 Javascript
详解js实现线段交点的三种算法
2016/08/09 Javascript
JavaScript数组去重的几种方法效率测试
2016/10/23 Javascript
关于AngularJs数据的本地存储详解
2017/01/20 Javascript
jQuery基本筛选选择器实例代码
2017/02/06 Javascript
基于复选框demo(分享)
2017/09/27 Javascript
vue 中的keep-alive实例代码
2018/07/20 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
2019/02/01 Javascript
pm2发布node配置文件ecosystem.json详解
2019/05/15 Javascript
解决vue打包后刷新页面报错:Unexpected token
2019/08/27 Javascript
[04:45]上海特级锦标赛主赛事第三日TOP10
2016/03/05 DOTA
python连接mongodb操作数据示例(mongodb数据库配置类)
2013/12/31 Python
Python使用min、max函数查找二维数据矩阵中最小、最大值的方法
2018/05/15 Python
Python打包模块wheel的使用方法与将python包发布到PyPI的方法详解
2020/02/12 Python
详解pycharm2020.1.1专业版安装指南(推荐)
2020/08/07 Python
Bobbi Brown芭比波朗美国官网:化妆师专业彩妆保养品品牌
2016/08/18 全球购物
世界最大的私人旅行指南出版商:孤独星球
2016/08/23 全球购物
挂职思想汇报
2013/12/31 职场文书
医学生职业规划范文
2014/01/05 职场文书
《狐假虎威》教学反思
2014/02/07 职场文书
养生餐厅创业计划书范文
2014/03/26 职场文书
C++程序员求职信范文
2014/04/14 职场文书
2014入党积极分子批评与自我批评思想汇报
2014/09/20 职场文书
2014年办公室人员工作总结
2014/12/09 职场文书
个人廉洁自律总结
2015/03/06 职场文书
党小组评议意见
2015/06/02 职场文书
导游词之重庆钓鱼城
2019/09/19 职场文书
CSS中calc(100%-100px)不加空格不生效
2023/05/07 HTML / CSS