Javascript 在用户滚动到页面下方的表单后，固定位置的div应该在顶部标题位置可见

我的程序包括一个隐藏的固定位置div，当用户滚动到页面之间的表单时，该div应在顶部标题位置可见，之后，固定位置div应保持在顶部标题位置，直到页面结束。代码中的错误：-固定div始终可见。正在寻找解决方案

$（文档）.ready（函数（）{
$（'.now show'）.hide（）；
如果（$（'.now'）。为（“：可见”）==true）{
$（'.now show'）.show（）；
}
});
标题
表格如下
我的状态很好
现在固定位置的div应该在顶部收割台位置可见
当您到达下面的表单时，我将在顶部标题处充当粘性固定位置div



sticky div仍然在顶部
您需要在向下滚动时添加类，在向上滚动时删除类

if (st > lastScrollTop && st > navbarHeight){
    // Scroll Down
    $('header').removeClass('nav-down').addClass('nav-up');
} else {
    // Scroll Up
    if(st + $(window).height() < $(document).height()) {
        $('header').removeClass('nav-up').addClass('nav-down');
    }
}

if（st>lastScrollTop&&st>navbarHeight）{
//向下滚动
$（'header'）.removeClass（'nav-down'）.addClass（'nav-up'）；
}否则{
//向上滚动
如果（st+$（窗口）.height（）<$（文档）.height（））{
$（'header'）.removeClass（'nav-up'）.addClass（'nav-down'）；
}
}

您需要使用此条件：

$(".now").offset().top == $(window).scrollTop()

这里有工作片段：


$（文档）.ready（函数（）{
$（'.now show'）.hide（）；
$（窗口）。滚动（函数（）{
if（$（“.now”）.offset（）.top<$（window.scrollTop（））
$（'.now show'）.show（）；
其他的
$（'.now show'）.hide（）；
});
});

标题
表格如下
我的状态很好
现在固定位置的div应该在顶部收割台位置可见
当您到达下面的表单时，我将在顶部标题处充当粘性固定位置div



sticky div仍然在顶部
您正在使用的
:visible
：这是不对的，因为表单没有隐藏，只是放在页面的较低位置

无论您的表单是否位于窗口底部边缘上方，都需要使用带条件的
滚动



$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
如果（$（window.scrollTop（）+$（window.height（））>$（'form'）.offset（）.top）{
$（'.hiddenHeader'）.show（）；
}否则{
$（'.hiddenHeader'）.hide（）；
}
});
});

标题
当你到达下面的表格时，我将作为顶部标题的粘性固定位置div
Lorem ipsum dolor sit amet，是一位杰出的献身者。在码头上，拍卖人乌兰科珀（ullamcorper）在拍卖前的价格。Suspendisse拍卖人leo nec orci semper commodo。前庭安全有效。在nulladiam，luctus quis magna et，gravida iaculis ligula。整数nec COMODO arcu。自由生活的最大限度，以时间为准。他是一位封建者，名叫维利特·波特提托·奎斯。无价值无价值。拉奥里特佩伦特斯克食疗中心

艾美·尤伊斯莫德·奥奇坐着，艾美·波特·利古拉坐着。Nunc pulvinar laoreet的饮食。Mauris sagittis diam eget bibendum调味品。同侧前庭坐在阿梅特·埃尼姆·福西布斯（amet enim faucibus）的座位上。泰勒斯和利奥·维韦拉·帕特的祈祷。这句话的意思是“最大的问题”。乌贼。前庭明渠是指前庭的入口，是指前庭的入口。Donec拍卖商已准备好拍卖。两人在一起，两人在一起，两人在一起，两人在一起。努克·帕特·索利西图丁·奥迪奥·德·特里斯蒂克。克拉斯·内克·阿利奎特·伊普苏姆。艾蒂安孕妇mauris vel laoreet hendrerit。在萨皮恩·坦普斯，福西布斯·普鲁斯·农，普莱斯特拉特·胡斯托。梅塞纳斯·维塔·库斯·莱克图斯

euismod悬韧带、convallis悬韧带、semper velit悬韧带、malesuada mauris dui eu ipsum悬韧带。帕特·马萨和维韦拉·拉齐尼亚的精英。我是莱奥里特·布兰迪特·康瓦利斯。不要在亨德雷特过上封建生活。前庭拍卖人无秃鹫。我们的调味品是蔬菜。这是一种折磨人的痛苦，它是一种痛苦，是一种痛苦。欧洲议会主席奥古斯。猫咪尊贵的前庭，为您提供舒适的生活

普拉森特·阿尼布饮食公司、康瓦利斯·马格纳·维塔埃公司、埃利芬德·奥奇公司。不要让你的身体受到伤害。前庭euismod，Elite id mattis scelerisque，dolor tellus eleifend eros，在猫咪最喜欢的地方。Donec Consequeat libero vel ipsum imperdiet，finibus pharetra urna sagittis。佩伦茨克（Etiam pellentesque）是权杖的象征，欧盟封建主义者乌尔纳·菲尼布斯（urna finibus）。埃尼安·艾德·布兰迪·麦格纳。两种交通工具，一种是有效的，另一种是不安全的，另一种是不安全的。Suspendisse和dolor massa。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。这是一种美味的调味品。埃尼安·康塞特图尔·卢博蒂斯。不含溶剂的镍元素。莫比·乌兰·科佩尔·多洛尔·维勒·达皮布斯

Mauris vel ligula id Mauris Impremedit euismod坐在amet ac sapien。多奈克·埃吉特·坦普斯·利古拉。前庭在蜗壳上，外阴弧在内耳，无根元素。毛里斯·康莫多·因特杜姆·维利特（Mauris commodo interdum velit）在瓦努普塔特（vulputate）。乌特福西布斯调味品酒店。非pretium的Sed porta id。埃尼安·伊斯特·杜伊，年在利奥的封建主义者，完成了元素安泰。无调味品甜酒。潜力悬钩子。但这是一种温和的生活方式。潜力悬钩子。这是我的生活。妊娠期妇女在怀孕期间

我的状态很好
Lorem ipsum dolor sit amet，是一位杰出的献身者。在码头上，拍卖人乌兰科珀（ullamcorper）在拍卖前的价格。Suspendisse拍卖人leo nec orci semper commodo。前庭安全有效。在nulladiam，luctus quis magna et，gravida iaculis ligula。整数nec COMODO arcu。福斯马克西姆酒店