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创建自定义对象 创建Object实例添加属性和方法
Jun 04 Javascript
jquery实现div阴影效果示例代码
Sep 16 Javascript
JavaScript Sort 的一个错误用法示例
Mar 20 Javascript
javascript基本语法
May 31 Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
Oct 21 Javascript
jQuery.form.js的使用详解
Jun 14 jQuery
bootstrap datepicker插件默认英文修改为中文
Jul 28 Javascript
Node.js调用fs.renameSync报错(Error: EXDEV, cross-device link not permitted)
Dec 27 Javascript
详解react-native WebView 返回处理(非回调方法可解决)
Feb 27 Javascript
VSCode中如何利用d.ts文件进行js智能提示
Apr 13 Javascript
js实现简单图片拖拽效果
Feb 22 Javascript
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
Jun 29 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开发大型项目的一点经验
2006/10/09 PHP
php,不用COM,生成excel文件
2006/10/09 PHP
php图片加水印原理(超简单的实例代码)
2013/01/18 PHP
golang与PHP输出excel示例
2016/07/22 PHP
PHP写API输出的时用echo的原因详解
2019/04/28 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
基于php解决json_encode中文UNICODE转码问题
2020/11/10 PHP
强悍无比的WEB开发好助手FireBug(Firefox Plugin)
2007/01/16 Javascript
js模仿html5 placeholder适应于不支持的浏览器
2013/01/13 Javascript
Egret引擎开发指南之创建项目
2014/09/03 Javascript
JavaScript类型系统之Object详解
2016/01/07 Javascript
悬浮广告方法日常收集整理
2016/03/18 Javascript
基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
2016/07/18 Javascript
js删除数组中的元素delete和splice的区别详解
2018/02/03 Javascript
微信小程序canvas实现刮刮乐效果
2018/07/09 Javascript
用Golang运行JavaScript的实现示例
2019/11/25 Javascript
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
2019/11/26 Javascript
vue中利用iscroll.js解决pc端滚动问题
2020/02/15 Javascript
[01:34]2014DOTA2展望TI 剑指西雅图VG战队专访
2014/06/30 DOTA
常见的在Python中实现单例模式的三种方法
2015/04/08 Python
win8下python3.4安装和环境配置图文教程
2018/07/31 Python
PyQt5+Pycharm安装和配置图文教程详解
2020/03/24 Python
python变量的作用域是什么
2020/05/26 Python
python3.6中anaconda安装sklearn踩坑实录
2020/07/28 Python
Django windows使用Apache实现部署流程解析
2020/10/12 Python
HTML5中div、article、section的区别及使用介绍
2013/08/14 HTML / CSS
html5拖拽应用记录及注意点
2020/05/27 HTML / CSS
倩碧美国官网:Clinique美国
2016/07/20 全球购物
农民工工资支付承诺函
2014/03/31 职场文书
2014年药房工作总结
2014/11/22 职场文书
党校党性分析材料
2014/12/19 职场文书
2014年小学辅导员工作总结
2014/12/23 职场文书
华山导游词
2015/02/03 职场文书
解析Java中的static关键字
2021/06/14 Java/Android
js基础语法与maven项目配置教程案例
2021/07/15 Javascript
MySQL数据库优化之通过索引解决SQL性能问题
2022/04/10 MySQL