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和CSS模拟超链接的用户单击事件的实现代码
May 23 Javascript
JS简单的轮播的图片滚动实例
Jun 17 Javascript
Javascript非构造函数的继承
Apr 27 Javascript
浏览器环境下JavaScript脚本加载与执行探析之defer与async特性
Jan 14 Javascript
scroll事件实现监控滚动条并分页显示(zepto.js)
Dec 18 Javascript
简述jQuery Easyui一些用法
Aug 01 jQuery
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
Echart折线图手柄触发事件示例详解
Dec 16 Javascript
VeeValidate 的使用场景以及配置详解
Jan 11 Javascript
微信小程序实现的canvas合成图片功能示例
May 03 Javascript
小程序使用wxs解决wxml保留2位小数问题
Dec 13 Javascript
antd table按表格里的日期去排序操作
Nov 17 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
discuz安全提问算法
2007/06/06 PHP
php 转换字符串编码 iconv与mb_convert_encoding的区别说明
2011/11/10 PHP
php构造函数的继承方法
2015/02/09 PHP
[原创]php求圆周率的简单实现方法
2016/05/30 PHP
PHP实现UTF8二进制及明文字符串的转化功能示例
2017/11/20 PHP
php 调用百度sms来发送短信的实现示例
2018/11/02 PHP
让innerHTML的脚本也可以运行起来
2006/07/01 Javascript
一个加载js文件的小脚本
2007/06/28 Javascript
javascript四舍五入函数代码分享(保留后几位)
2013/12/10 Javascript
在Node.js中使用Javascript Generators详解
2016/05/05 Javascript
Vue.js组件tree实现省市多级联动
2016/12/02 Javascript
详解vue2.0脚手架的webpack 配置文件分析
2017/05/27 Javascript
利用jsonp与代理服务器方案解决跨域问题
2017/09/14 Javascript
微信小程序 scroll-view实现锚点滑动的示例
2017/12/06 Javascript
简易Vue评论框架的实现(父组件的实现)
2018/01/08 Javascript
浅谈react-router@4.0 使用方法和源码分析
2019/06/04 Javascript
Layui实现带查询条件的分页
2019/07/27 Javascript
nuxt配置通过指定IP和端口访问的实现
2020/01/08 Javascript
[01:17:47]TNC vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
用Python的urllib库提交WEB表单
2009/02/24 Python
Python THREADING模块中的JOIN()方法深入理解
2015/02/18 Python
Python使用logging结合decorator模式实现优化日志输出的方法
2016/04/16 Python
Python微信公众号开发平台
2018/01/25 Python
[原创]windows下Anaconda的安装与配置正解(Anaconda入门教程)
2018/04/05 Python
python os.path.isfile 的使用误区详解
2019/11/29 Python
python实现图片横向和纵向拼接
2020/03/05 Python
python3.8动态人脸识别的实现示例
2020/09/21 Python
使用HTML5 Canvas绘制圆角矩形及相关的一些应用举例
2016/03/22 HTML / CSS
领先的英国注册在线药房 :Simply Meds Online
2019/03/28 全球购物
培训自我鉴定
2014/01/31 职场文书
企业新年寄语
2014/04/04 职场文书
法制宣传标语集锦
2014/06/25 职场文书
科学发展观演讲稿
2014/09/11 职场文书
党支部工作总结2015
2015/04/01 职场文书
中秋节作文(五年级)之关于月亮
2019/09/11 职场文书
Python编写车票订购系统 Python实现快递收费系统
2022/08/14 Python