Javascript 当用户滚动到特定块时，如何淡出某些元素？

我有一个函数，可以在用户到达网页末尾时淡出某个元素，不，我需要一个函数，可以在使用特定类（'.s-footer'）到达某个html块时淡出某个元素

函数hideMenu（）{
var main menu=$（“.main head”）；
if（$（文档）.scrollTop（）==$（文档）.height（）-$（窗口）.height（））{
主菜单。淡出（）；
}
否则{
main menu.fadeIn（）；
}
}
$（窗口）。滚动（隐藏）试试这个


函数粘性_重定位（）{
var window_top=jQuery（this.scrollTop（）；
var div_top=jQuery（'#reachdiv'）.offset（）.top；
var footer_top=jQuery（'.footer container'）.offset（）.top；
如果（窗口顶部>分区顶部）{
jQuery（“#固定工具栏”）.addClass（'fixed'）；
}否则{
jQuery（“#固定工具栏”）.removeClass（'fixed'）；
}
如果（窗口顶部>页脚顶部）{
jQuery（“#固定工具栏”）.removeClass（'fixed'）；
}
}
jQuery（函数（）{
jQuery（窗口）。滚动（粘性_重新定位）；
粘性_重新定位（）；
});
。已修复{
宽度：921px；
位置：固定；
排名：0；
背景：红色；
颜色：#FFF；
z指数：9999！重要；
保证金：0自动！重要；
边框底部：1px实心#ccc；
高度：80px；
}

这是一个测试
静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块


在此处滚动时，修复了菜单

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块

静态文本块


这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚

这是页脚


您可以使用scrollTop（）函数的控制台日志手动检查特定块的滚动顶部位置，在获得所需位置后，您可以使用if-else部分触发淡出效果

您可以在此处看到我的代码：`

window.onload = function(){
$(document).ready(function(){
    $(window).scroll(function(){

    console.log($(this).scrollTop()); /*use this to check the position of the block you want to trigger the fade. */
    var top = $(this).scrollTop();
    if(top == 600){     //here i got the number 600 by scrolling/click to
                        // scroll to that part of the web page with id


        //you can set your fade effect here 
    }

});}}