边栏高度:offsetHeight的高度为空,取不到值是为什么?

来源:-

莲莲0

2016-07-29 14:35

var $ = function(id){

return document.getElementById(id);

}


var addEvent = function(obj,event,fn){

    if(obj.addEventListener){

    obj.addEventListener(event,fn,false);

    }else if(obj.attachEvent){

    obj.attachEvent('on'+event,fn);

    }

}

var domSider = $('J_BdSide');

var scrollEvent = function(){

var sideHeight = domSider.offsetHeight;

var screenHeight = document.documentElement.clientHeight||document.body.clientHeight;

var scrollHeight = document.documentElement.scrollTop||document.body.scrollTop;

if(scrollHeight+screenHeight>sideHeight){

domSider.style.cssText = 'position:fixed;right:0px;top:'+(-(sideHeight-screenHeight))+'px';

}else{

domSider.style.position='static';

}

}

addEvent(window,'scroll',function(){

scrollEvent();

});

addEvent(window,'resize',function(){

scrollEvent();

});


写回答 关注

0回答

还没有人回答问题,可以看看其他问题

固定边栏滚动特效

剖析淘宝首页固定边栏滚动特效,通过JavaScript、jQuery等前端技术实现

38889 学习 · 54 问题

查看课程

相似问题