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 Sort 表格排序
Oct 31 Javascript
编写高性能的JavaScript 脚本的加载与执行
Apr 19 Javascript
jQuery实现 注册时选择阅读条款 左右移动
Apr 11 Javascript
用js通过url传参把数据从一个页面传到另一个页面
Sep 01 Javascript
JavaScript中的Web worker多线程API研究
Dec 06 Javascript
javascript结合Canvas 实现简易的圆形时钟
Mar 11 Javascript
基于jquery实现轮播特效
Apr 22 Javascript
js canvas实现QQ拨打电话特效
May 10 Javascript
JS常用正则表达式总结【经典】
May 12 Javascript
详解cordova打包成webapp的方法
Oct 18 Javascript
解决vue自定义全局消息框组件问题
Nov 22 Javascript
js实现文章目录索引导航(table of content)
May 10 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实现变色验证码实例
2014/01/06 PHP
PHP的魔术常量__METHOD__简介
2014/07/08 PHP
PHP中遇到的时区问题解决方法
2015/07/23 PHP
php 函数使用可变数量的参数方法
2017/05/02 PHP
Auntion-TableSort国人写的一个javascript表格排序的东西
2007/11/12 Javascript
JavaScript 捕获窗口关闭事件
2009/07/26 Javascript
validator验证控件使用代码
2010/11/23 Javascript
轻松创建nodejs服务器(9):实现非阻塞操作
2014/12/18 NodeJs
谈谈我对JavaScript原型和闭包系列理解(随手笔记6)
2015/12/20 Javascript
JavaScript仿支付宝密码输入框
2015/12/29 Javascript
BootStrap下jQuery自动完成的样式调整
2016/05/30 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
2016/06/06 Javascript
js从外部获取图片的实现方法
2016/08/05 Javascript
超实用的javascript时间处理总结
2016/08/16 Javascript
基于JQuery的购物车添加删除以及结算功能示例
2017/03/08 Javascript
jQuery实现输入框的放大和缩小功能示例
2018/07/21 jQuery
Vue.js标签页组件使用方法详解
2019/10/19 Javascript
原生js实现俄罗斯方块
2020/10/20 Javascript
Vue——前端生成二维码的示例
2020/12/19 Vue.js
[00:20]DOTA2荣耀之路7:-ah fu-抢盾
2018/05/31 DOTA
python使用os模块的os.walk遍历文件夹示例
2014/01/27 Python
对python cv2批量灰度图片并保存的实例讲解
2018/11/09 Python
IntelliJ IDEA安装运行python插件方法
2018/12/10 Python
python-opencv 将连续图片写成视频格式的方法
2019/01/08 Python
深入了解Python装饰器的高级用法
2020/08/13 Python
Python读取多列数据以及用matplotlib制作图表方法实例
2020/09/23 Python
前端隐藏出边界内容的实现方法
2016/04/14 HTML / CSS
俄罗斯宠物用品网上商店:ZooMag
2019/12/12 全球购物
新闻系毕业生推荐信
2013/11/16 职场文书
关于运动会的口号
2014/06/07 职场文书
公证委托书标准格式
2014/09/11 职场文书
营销计划书范文
2015/01/17 职场文书
行政诉讼答辩状
2015/05/21 职场文书
《牧场之国》教学反思
2016/02/22 职场文书
Django使用echarts进行可视化展示的实践
2021/06/10 Python
Java十分钟精通进阶适配器模式
2022/04/06 Java/Android