Javascript 到达div底部时更改背景
我正在制作一个视差风格的网站,我想一个div的背景图像属性改变时,我到达一个div的底部,这是100%的窗口宽度。我如何检测到div的底部已经用javascript/jquery滚动到?这看起来很明显,但我尝试过的任何东西都没有产生积极的效果 我可以使用scrollTop()并引用div底部所在的确切像素,但我希望它能够响应并在div大小改变时能够改变 试试这个:Javascript 到达div底部时更改背景,javascript,jquery,html,background-image,parallax,Javascript,Jquery,Html,Background Image,Parallax,我正在制作一个视差风格的网站,我想一个div的背景图像属性改变时,我到达一个div的底部,这是100%的窗口宽度。我如何检测到div的底部已经用javascript/jquery滚动到?这看起来很明显,但我尝试过的任何东西都没有产生积极的效果 我可以使用scrollTop()并引用div底部所在的确切像素,但我希望它能够响应并在div大小改变时能够改变 试试这个: `$().scrollTop()`//how much has been scrolled `$().innerHeight()`/
`$().scrollTop()`//how much has been scrolled
`$().innerHeight()`// inner height of the element
因此,您可以获取div的前两个属性之和,当它等于滚动的窗口时,您就到达了末尾:
$(窗口).bind('scroll',function(){
如果($(窗口).scrollTop()>=$('#myDiv').scrollTop()+$(“#myDiv”).innerHeight()){
$(“#myDiv”).css(“背景”、“红色”);
}
});代码>
正文{
高度:900px;
}
div{
高度:200px;
}
第一组
第2组
第3组
Thank you的可能副本!这比我尝试的要简单得多:)如果答案对你有帮助,就把它标记出来