Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 到达div底部时更改背景_Javascript_Jquery_Html_Background Image_Parallax - Fatal编程技术网

Javascript 到达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()`/

我正在制作一个视差风格的网站,我想一个div的背景图像属性改变时,我到达一个div的底部,这是100%的窗口宽度。我如何检测到div的底部已经用javascript/jquery滚动到?这看起来很明显,但我尝试过的任何东西都没有产生积极的效果

我可以使用scrollTop()并引用div底部所在的确切像素,但我希望它能够响应并在div大小改变时能够改变

试试这个:

`$().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的可能副本!这比我尝试的要简单得多:)如果答案对你有帮助,就把它标记出来