JS判断是否出现滚动条
2024-10-15 06:14:58
http://www.cnblogs.com/yazdao/archive/2010/12/06/1897742.html
该博文是想用JS检测浏览器是否出滚动条。
这边想到一个比较取巧的方法,
假如没有出滚动条的时候,手工给增加一个滚动值会怎么样?
程序上就是给body或documentElement的scrollLeft、scrollTop赋值,
马上动手实现了一下,结果跟我意想的差不多,呵呵
浏览器在没有出滚动条的时候,赋值后该值不会发生变化,始终是0。
另外扩展了一下,该检测方法,不仅可以检测页面滚动条,
传入要检测的节点,一样可以得到想要的结果。
以下是我的实现,没有做太多异常处理:
(给scrollLeft,scrollTop赋负数值时会报错,此外scrollLeft,scrollTop的值不能大于实际最大的滚动值)
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
};
};
出自于:http://my.oschina.net/oncereply/blog/38511
最新文章
- iOS web remote debug 正确的姿势
- File类使用小结
- Android studio 自定义打包APK名称
- {Reship}{Matting}Image Matting
- Emmet语法预览
- 推荐两款Xcode插件:KSImageNamed &; ColorSense
- Data Developer Center >; Learn >; Entity Framework >; Get Started >; Loading Related Entities
- (翻译)Google Guava Cache
- opencv直方图均衡化
- 更多隐式Intent用法
- dede 删除栏目文章后, 让ID从1开始
- .NET Core 2.0体验
- python之用unittest实现接口参数化示例
- js滚动条滚动到底部触发事件
- C# 封装SDK 获取摄像头的水平角度和垂直角度
- mysql----------mysql5.7如何配置主从数据库
- ELK安装使用教程
- ASP.NET MVC缓存使用
- MFC AfxMessageBox(_T(";Please Load Rawdata First !";));
- 运维利器万能的 strace