div随滚动条上下滚动，onscroll事件兼容IE、火狐、谷歌浏览器

最新推荐文章于 2024-07-17 21:56:00 发布

__Nexo

最新推荐文章于 2024-07-17 21:56:00 发布

阅读量1.1w

点赞数 2

分类专栏： js 文章标签：兼容浏览器 onscroll 滚动条 js

本文链接：https://blog.csdn.net/bhy5683/article/details/41547951

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
	var scrollFunction=function(e){
	    e=e || window.event;  
	    var _h = document.documentElement.clientHeight;
	    var _s = document.documentElement.scrollTop||document.body.scrollTop;
	    var _m = _s + (_h - 500) * 0.5;
	    if (_m < 0) {
	        _m = 0;
	    }
	    document.getElementById("divid").style.top=_m+"px";
	};  
	//FireFox
	if(document.addEventListener){
		document.addEventListener("DOMMouseScroll" ,scrollFunction, false);
	}
	//IE、Opera、Chrome  
	window.οnscrοll=document.οnscrοll=scrollFunction;
</script>

500是div容器的高，可用document.getElementById("divid").style.height获取，不过得到的值是"500px"