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保留两位小数 四舍五入函数的小例子
Nov 20 Javascript
js自动查找select下拉的菜单并选择(示例代码)
Feb 26 Javascript
js获取视频时长代码
Apr 10 Javascript
分享五个有用的jquery小技巧
Oct 08 Javascript
AngularJS删除路由中的#符号的方法
Sep 20 Javascript
jQuery使用zTree插件实现可拖拽的树示例
Sep 23 jQuery
微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
Dec 05 Javascript
ajax请求data遇到的问题分析
Jan 18 Javascript
深入理解Vue 组件之间传值
Aug 16 Javascript
Vue 动态组件与 v-once 指令的实现
Feb 12 Javascript
jQuery实现简单轮播图效果
Dec 27 jQuery
关于React Native使用axios进行网络请求的方法
Aug 02 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
YII视图整合kindeditor扩展的方法
2016/07/13 PHP
微信利用PHP创建自定义菜单的方法
2016/08/01 PHP
详解PHP序列化和反序列化原理
2018/01/15 PHP
Laravel框架查询构造器 CURD操作示例
2019/09/04 PHP
Avengerls vs Newbee BO3 第二场2.18
2021/03/10 DOTA
Hutia 的 JS 代码集
2006/10/24 Javascript
Javascript的构造函数和constructor属性
2010/01/09 Javascript
js中settimeout方法加参数
2014/02/28 Javascript
调整小数的格式保留小数点后两位
2014/05/14 Javascript
JavaScript中string对象
2015/06/12 Javascript
javascript实现PC网页里的拖拽效果
2016/03/14 Javascript
纯js实现手风琴效果
2020/04/17 Javascript
jQuery中队列queue()函数的实例教程
2016/05/03 Javascript
Web Uploader文件上传插件使用详解
2016/05/10 Javascript
JavaScript基础重点(必看)
2016/07/09 Javascript
深入浅析JavaScript中的3DES
2016/08/24 Javascript
JS实现倒计时(天数、时、分、秒)
2016/11/16 Javascript
详解微信小程序 template添加绑定事件
2017/06/23 Javascript
Vue自定义全局Toast和Loading的实例详解
2019/04/18 Javascript
Vue+Element实现网页版个人简历系统(推荐)
2019/12/31 Javascript
javascript实现画板功能
2020/04/12 Javascript
javascript 函数的暂停和恢复实例详解
2020/04/25 Javascript
[00:35]DOTA2上海特级锦标赛 Newbee战队宣传片
2016/03/03 DOTA
在windows下Python打印彩色字体的方法
2018/05/15 Python
利用Anaconda简单安装scrapy框架的方法
2018/06/13 Python
解决python虚拟环境切换无效的问题
2020/04/30 Python
html如何对span设置宽度
2019/10/30 HTML / CSS
Perry Ellis官网:美国男士品味服装
2016/12/09 全球购物
北美领先的智能产品购物网站:Wellbots
2018/06/11 全球购物
潘多拉意大利官方网上商城:网上选购PANDORA珠宝
2018/10/07 全球购物
高一数学教学反思
2014/02/07 职场文书
单位承诺书格式
2014/05/21 职场文书
租房安全协议书
2014/08/20 职场文书
2015年维修工作总结
2015/04/25 职场文书
胡桃夹子观后感
2015/06/11 职场文书
Li list-style-image 图片垂直居中实现方法
2023/05/21 HTML / CSS