您的位置:首页 > 其它

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"
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: