php底部固定滚动,请问使用fixed固定在页脚上面,随着屏幕滚动一直固定在浏览器底部...

本文探讨了一个滚动条到底部时的值与页面实际高度不一致的现象。通过示例代码展示了如何使用JavaScript监听窗口滚动事件,并根据滚动位置改变元素背景色。示例中涉及CSS布局、定位以及JavaScript滚动事件处理。
摘要由CSDN通过智能技术生成

试了一下,发现,滚动条到底的值与页面高度并不一致~~~

文档标题

*{

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');

}

})

bVbvh29?w=1873&h=905

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值