div随滚动条上下滚动,onscroll事件兼容IE、火狐、谷歌浏览器
2014-11-27 16:11
316 查看
<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"
相关文章推荐
- 向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)
- 向上下左右不间断无缝滚动的效果(兼容火狐和IE)[转]
- 向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)
- 向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)
- 上下左右滚动图片(兼容ie和火狐)
- 向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)
- div隐藏滚动条仍保留滚动效果,兼容IE,FF,Webkit 和 O
- 两种方式让DIV上下左右都居中--经测试兼容IE,FF,Opera,Google Chrome
- 关于div高度自适应问题,兼容IE和火狐
- js 图片链接滚动代码 兼容火狐和ie
- js文字上下滚动+左右滚动兼容FF/IE
- js 兼容ie和火狐的回车键事件
- ie ff兼容 div 失去焦点(以此原理,可以为任何没有onblur/onfocuse的元素添加类似的事件动作)
- JavaScript 无缝上下左右滚动加定高定宽停顿效果(兼容ie/ff)
- JavaScript 无缝上下左右滚动加定高定宽停顿效果(兼容ie/ff)
- 不定高在div中垂直居中,完美兼容火狐 IE
- js无缝图片滚动代码,利用强大的JQUERY,兼容IE、火狐等主流浏览器
- JavaScript 无缝上下左右滚动加定高定宽停顿效果(兼容ie/ff)
- FireFox火狐浏览器与IE兼容问题 - 透明滤镜 DIV滚动条
- JavaScript 无缝上下左右滚动加定高定宽停顿效果(兼容ie/ff)