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. Android输入法部分遮挡UI的问题（与EditText框相切）
			
    首先,我们来看看遇到问题的图片 遇到的问题是,当点击输入框之后,输入法会切到红线的位置,理想状态应该是在绿线位置 那么,是什么原因造成的呢? 问题其实很简单,是因为drawableleft图片比该输入 ...
    
			
    2. 
						
  2. [bzoj3223]文艺平衡树(splay区间反转模板)
			
    解题关键:splay模板题. #include<cstdio> #include<cstring> #include<algorithm> #include< ...
    
			
    3. 
						
  3. pipeline  对部分特征进行处理
			
    http://scikit-learn.org/stable/auto_examples/preprocessing/plot_function_transformer.html#sphx-glr-a ...
    
			
    4. 
						
  4. Luogu 3957 [NOIP2017]普及组 跳房子
			
    写了好久,感觉自己好菜,唉…… 首先发现这个$g$的取值具有单调性,可以想到二分答案,然后考虑用$dp$来检验,这样子可以写出朴素的转移方程: 设$f_i$表示以$i$结尾的最大价值,那么有$f_i  ...
    
			
    5. 
						
  5. Browsersync 简介 and 使用
			
    简介 省时的浏览器同步测试工具,Browsersync能让浏览器实时.快速响应您的文件更改(html.js.css.sass.less等)并自动刷新页面. 曾经我们每改一次的代码,都需要手动去刷新一次 ...
    
			
    6. 
						
  6. 专题1-MMU-lesson3-MMU配置与使用
			
    1.段方式MMU 利用虚拟地址然后找到物理地址,通过物理地址访问到led,其过程如下: 一个段的大小是[19:0]总共有1M的地址空间. 从上面可知对应GPIO的段物理基地址是0x7f000000.那 ...
    
			
    7. 
						
  7. Laravel Gate 授权方式的使用指南
			
    参考链接:An Introduction to Laravel Authorization Gates 本文使用 Laravel 的 Gate 授权方式 实现一个基于用户角色的博客发布系统. 在系统包 ...
    
			
    8. 
						
  8. 《the art of software testing》第六章
			
    更高级别的测试 模块测试的目的是发现程序模块与其接口规格说明之间的不一致 功能测试的目的是为了证明程序未能符合其外部规格说明 系统测试目的是为了证明软件产品与其初始目标不一致 功能测试,作者从三个方面 ...
    
			
    9. 
						
  9. 史融资2.5亿的“自主国产”红芯浏览器，其实是个套壳Chrome
			
    红芯浏览器 今天早上看到朋友发的浏览器图片,感觉很好奇,然后就看了下,感觉文章还不错,就转发了下,然后下载浏览器着实花了不小心思,最后文末添加了红芯浏览器转存在蓝奏云盘的下载连接了. 文章原文 今天又 ...
    
			
    10. 
						
  10. Matlab Simulink
			
    
			
    11.