function getScroll() {

    return {

        left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0,

        top: window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0

    };

}

console.log(getScroll().top);

console.log(getScroll().left);
												


											
js 获取滚动条事件的更多相关文章
	

    
								
  1. js获取滚动条距离浏览器顶部,底部的高度,兼容ie和firefox
		
    做web开发经常会碰到需要获取浏览器的滚动条与顶部和底部的距离,然后做相应的处理动作.下面作者就如何通过js来获取浏览器滚动条距离浏览器顶部和底部的高度做一下分享,这个是同时兼容ie和firefox的 ...
    
		
    2. 
						
  2. JS获取回车事件（兼容各浏览器）
		
    一.用到onkeydown获取事件动作, 二.用到键盘对应代码keyCode, 三. var event=arguments.callee.caller.arguments[0]||window.ev ...
    
		
    3. 
						
  3. JS获取滚动条距离顶部高度
		
    一.jQuery获取的相关方法 jquery 获取滚动条高度 获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 : $(window).width();  ...
    
		
    4. 
						
  4. js获取触发事件的元素
		
    //获取事件 var e = window.event; //获取元素 obj = e.target || e.srcElement; console.log(e); checkRepeat(e.ta ...
    
		
    5. 
						
  5. JS获取键盘事件
		
    <script type="text/javascript" language=JavaScript charset="UTF-8"> docume ...
    
		
    6. 
						
  6. js 捕捉滚动条事件
		
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
    
		
    7. 
						
  7. js获取滚动条的宽度
		
    function getScrollWidth() { var noScroll, scroll, oDiv = document.createElement("DIV"); oD ...
    
		
    8. 
						
  8. js 获取滚动条的高度 以及 设置滚动条的高度
		
    //设置窗口滚动条高度 function setScrollTop(top){ if(!isNaN(top))document.body.scrollTop = top; } //取窗口滚动条高度 f ...
    
		
    9. 
						
  9. js获取滚动条的位置
		
    页面具有 DTD,或者说指定了 DOCTYPE 时,使用 document.documentElement. 页面不具有 DTD,或者说没有指定了 DOCTYPE,时,使用 document.body ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Objective-C入门&nbsp;简介Cocoa框架
			
    Cocoa Framework简称Cocoa,它是Mac OS X上的快速应用程序开发(RAD, Rapid Application Development)框架,一个高度面向对象的(Object O ...
    
			
    2. 
						
  2. 使用composer安装laravel5.4
			
    composer create-project --prefer-dist laravel/laravel blog 后面的是文件目录
    
			
    3. 
						
  3. EKF model&realization
			
    REF: https://pythonrobotics.readthedocs.io/en/latest/modules/localization.html#unscented-kalman-filt ...
    
			
    4. 
						
  4. ./run.sh --indir examples/demo/ --outdir examples/results/ --vis
			
    (AlphaPose20180911) luo@luo-ThinkPad-W540:AlphaPose$ ./run.sh --indir examples/demo/ --outdir exampl ...
    
			
    5. 
						
  5. getopt两个模块getopt 和gun_getopt 的异同
			
    getopt的两个模块getopt和gun_getopt都可以接收参数,但是又有不同; 先看 getopt.getopt这个模块: import sys import getopt def main( ...
    
			
    6. 
						
  6. Flask框架 之 wtforms
			
    简介 WTForms是一个支持多个web框架的form组件,主要用于对用户请求数据进行验证. 作用 生成HTML标签 form表单验证 使用 - 用户登录示例- 用户注册示例- 数据库获取数据实时更新 ...
    
			
    7. 
						
  7. 丢弃昂贵的Detours Professional 3.0,使用免费强大的EasyHook
			
    我们要先看看微软官方的著名HOOK库: Detours Professional 3.0 售价:US$9,999.95 功能列表: Detours 3.0 includes the following ...
    
			
    8. 
						
  8. js-修改url中某个指定的参数的值
			
    /* * url 目标url * arg 需要替换的参数名称 * arg_val 替换后的参数的值 * return url 参数替换后的url */ function changeURLArg(ur ...
    
			
    9. 
						
  9. 实践作业3：白盒测试---细化明确任务DAY5
			
    收到老师给我写的评论,感觉老师真的太认真,每个博客都有仔细的,参考了老师发给我的博客,我才明白老师想要的博客内容原来是具体实际的进展记录.我们组其实这些东西早就确定了,会议也开了,但是我之前不明白博客 ...
    
			
    10. 
						
  10. jstl c
			
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 例子:list中有两 ...
    
			
    11.