我有一个位置:固定,底部:0px 的元素。当我向下滚动页面时,这个元素应该跟随我,直到它靠近页脚,比如说 100px 高度,我试图让元素保持在底部:0px 直到它到达页脚元素,在那一刻它应该总是让页脚元素在它下面。
这是我的CSS:
#backToTop{
width:80px;
height:50px;
background:#333;
color:#FFF;
text-align:center;
border-radius:10px 10px 0 0;
padding-top:10px;
position:fixed;
bottom:0;
left:50%;
margin-left:550px;
}
我研究了 Jquery$(document).height()
并$(window).scrollTop()
尝试提出某种条件来检测元素的位置何时接近页脚,但没有成功(我的页脚的高度为 120):
$(window).scroll(function(){
if($(document).height()-($(window).scrollTop()+$(window).height()) <= 120){
$('#backToTop').css({'bottom':$(document).height()-($(window).scrollTop()+$(window).height())});
}else{
$('#backToTop').css('bottom',0);
}
});
我不太确定这些值到底指向哪里,有什么提示吗?谢谢。