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 相关文章推荐
JS中window.open全屏命令解析及使用示例
Dec 11 Javascript
获取当前点击按钮的id用this.id实现
Mar 17 Javascript
简单纯js实现点击切换TAB标签实例
Aug 23 Javascript
JavaScript中利用各种循环进行遍历的方式总结
Nov 10 Javascript
JavaScript中的ParseInt(&quot;08&quot;)和“09”返回0的原因分析及解决办法
May 19 Javascript
浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别
Aug 18 Javascript
最原始的jQuery注册验证方式
Oct 11 Javascript
jQuery图片缩放插件smartZoom使用实例详解
Aug 25 jQuery
浅谈在koa2中实现页面渲染的全局数据
Oct 09 Javascript
详解easyui 切换主题皮肤
Apr 04 Javascript
微信小程序基于高德地图查找位置并显示文字
Oct 30 Javascript
小程序实现长按保存图片的方法
Dec 31 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
如何选购合适的收音机
2021/03/01 无线电
php与XML、XSLT、Mysql的结合运用实现代码
2009/11/19 PHP
destoon实现调用自增数字从1开始的方法
2014/08/21 PHP
php微信支付之APP支付方法
2015/03/04 PHP
PHP和C#可共用的可逆加密算法详解
2015/10/26 PHP
总结PHP删除字符串最后一个字符的三种方法
2016/08/30 PHP
Laravel 5.4.36中session没有保存成功问题的解决
2018/02/19 PHP
学习YUI.Ext 第三天
2007/03/10 Javascript
javascript避免数字计算精度误差的方法详解
2014/03/05 Javascript
SyntaxHighlighter 3.0.83使用笔记
2015/01/26 Javascript
JavaScript时间转换处理函数
2015/04/14 Javascript
原生js实现移动开发轮播图、相册滑动特效
2015/04/17 Javascript
JS实现可关闭的对联广告效果代码
2015/09/14 Javascript
jQuery抛物线运动实现方法(附完整demo源码下载)
2016/01/08 Javascript
JS中frameset框架弹出层实例代码
2016/04/01 Javascript
详解React项目的服务端渲染改造(koa2+webpack3.11)
2018/03/19 Javascript
Vue指令指令大全
2019/02/09 Javascript
jquery实现Ajax请求的几种常见方式总结
2019/05/28 jQuery
Vue-Cli 3.0 中配置高德地图的两种方式
2019/06/19 Javascript
Vue 实现对quill-editor组件中的工具栏添加title
2020/08/03 Javascript
Python根据指定日期计算后n天,前n天是哪一天的方法
2018/05/29 Python
python实现计数排序与桶排序实例代码
2019/03/28 Python
python3使用print打印带颜色的字符串代码实例
2019/08/22 Python
浅谈css3新单位vw、vh、vmin、vmax的使用详解
2017/12/01 HTML / CSS
HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用
2013/01/30 HTML / CSS
Get The Label中文官网:英国运动时尚购物平台
2017/04/19 全球购物
英国领先的游戏零售商:GAME
2019/09/24 全球购物
英国著名药妆店:Superdrug
2021/02/13 全球购物
九年级英语教学反思
2014/01/31 职场文书
工艺员岗位职责
2014/02/11 职场文书
大学同学十年聚会感言
2014/02/21 职场文书
村级换届选举方案
2014/05/10 职场文书
建设幸福中国演讲稿
2014/09/11 职场文书
护士岗位竞聘书
2015/09/15 职场文书
分家协议书范本
2016/03/22 职场文书
Apache Calcite 实现方言转换的代码
2021/04/24 Servers