div隨滾動條上下滾動,onscroll事件兼容IE、火狐、谷歌瀏覽器

<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.onscroll=document.onscroll=scrollFunction;
</script>

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章