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对talbe进行动态添加、删除、验证实现代码
Mar 29 Javascript
当鼠标移动到图片上时跟随鼠标显示放大的图片效果
Jun 06 Javascript
jquery操作select方法汇总
Feb 05 Javascript
Javascript中For In语句用法实例
May 14 Javascript
JSONP跨域请求实例详解
Jul 04 Javascript
vue.js实现仿原生ios时间选择组件实例代码
Dec 21 Javascript
Node.js连接MongoDB数据库产生的问题
Feb 08 Javascript
vue-resource调用promise取数据方式详解
Jul 21 Javascript
vue最简单的前后端交互示例详解
Oct 11 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
Nov 30 Javascript
利用es6 new.target来对模拟抽象类的方法
May 10 Javascript
JavaScript的查询机制LHS和RHS解析
Aug 16 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
str_replace只替换一次字符串的方法
2013/04/09 PHP
基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
深入分析PHP优化及注意事项
2016/07/04 PHP
php实现贪吃蛇小游戏
2016/07/26 PHP
PHP面向对象继承用法详解(优化与减少代码重复)
2016/12/02 PHP
Asp.net下使用Jquery Ajax传送和接收DataTable的代码
2010/09/12 Javascript
jQuery之过滤元素操作小结
2013/11/30 Javascript
JavaScript学习笔记之取数组中最大值和最小值
2016/03/23 Javascript
jQuery中事件与动画的总结分享
2016/05/24 Javascript
JavaScript-html标题滚动效果的简单实现
2016/09/08 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
2016/11/25 Javascript
详解Vue学习笔记入门篇之组件的内容分发(slot)
2017/07/17 Javascript
详解基于Node.js的HTTP/2 Server实践
2018/05/31 Javascript
JS集合set类的实现与使用方法示例
2019/02/01 Javascript
快速搭建Node.js(Express)用户注册、登录以及授权的方法
2019/05/09 Javascript
基于form-data请求格式详解
2019/10/29 Javascript
Vue 构造选项 - 进阶使用说明
2020/08/14 Javascript
Python中的魔法方法深入理解
2014/07/09 Python
Python中列表、字典、元组、集合数据结构整理
2014/11/20 Python
浅谈python中截取字符函数strip,lstrip,rstrip
2015/07/17 Python
Python设计模式之工厂方法模式实例详解
2019/01/18 Python
PyQt5 在label显示的图片中绘制矩形的方法
2019/06/17 Python
Python爬取豆瓣视频信息代码实例
2019/11/16 Python
Flask中endpoint的理解(小结)
2019/12/11 Python
全球知名旅游社区法国站点:TripAdvisor法国
2016/08/03 全球购物
Origins加拿大官网:雅诗兰黛集团高端植物护肤品牌
2017/11/19 全球购物
匡威意大利官方商店 :Converse意大利
2018/11/27 全球购物
将一个数的从第5位开始的7个数取出,其余位置0
2016/05/26 面试题
什么是静态路由?什么是动态路由?各自的特点是什么?
2015/09/16 面试题
管道维修工岗位职责
2013/12/27 职场文书
2014年基层党组织公开承诺书
2014/03/29 职场文书
大气污染防治方案
2014/05/19 职场文书
办公室岗位职责
2015/02/04 职场文书
网络舆情信息简报
2015/07/21 职场文书
Java数据结构之链表相关知识总结
2021/06/18 Java/Android
mysql如何配置白名单访问
2021/06/30 MySQL