试了一下,发现,滚动条到底的值与页面高度并不一致~~~
文档标题*{
margin:0;
padding:0;
}
#wrap {
width: 100%;
height: 1200px;
background: black
}
#wrap span {
display: block;
width: 60%;
height: 40px;
background: pink;
position: fixed;
bottom: 10px;
left: 50%;
margin-left: -30%;
}
var height = $('#wrap').innerHeight();
$(window).on('scroll', function () {
var top = $(window).scrollTop();
console.log(height, top);
if (top < (height - 80)) {
$('span').css('background', 'red');
} else {
$('span').css('background', 'skyblue');
}
})