position属性影响div滚动条,使滚动条重置

回忆若风 发布于 2014/03/10 20:00
阅读 1K+
收藏 0
function topScroll_2(obj){
//获取滚动条的滑动距离  
debugger;
var scroH = $(obj).scrollTop();  
var taskProgressTopFix_NavH = $("#taskProgressTopFix").position().top;
//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离,就固定,反之就不固定  
if(5>=taskProgressTopFix_NavH){  
$("#taskProgressTopFix").css({"position":"fixed","top":"31px"});//这行影响了滚动条使滚动条重置了
$("#taskProgressTopFix").css("width",$("#taskProgressTopFix").parent().width());  
}else if(scroH<taskProgressTopFix_NavH){  
$("#taskProgressTopFix").css({"position":"static"});  
}  

}这是js代码 


<div id="taskProgress" class="textContentBody" onscroll="topScroll_2(this)">
    <div  class="textContent">
    <div id="taskProgressTopFix" class="topFixDiv" style="height:60px; border-bottom:1px solid #b5b5b5; background:#f5f7fa; padding:0px;">

   </div>

</div>

</div>

加载中
返回顶部
顶部