Jquery HTML——我怎么能；棍子；在到达页面上的特定部分后我的导航栏？

我想到了两种不同的方法来解决这个问题，但我需要帮助

滚动至第节，然后粘住

滚动时隐藏元素，到达页面上的点后取消隐藏元素

我该怎么做

我目前正在使用

但我看不到一个可以满足我要求的功能。

您可以使用插件来实现这一点

演示-

这是定制js

在本演示中，标题变为绿色（

fixed

），当您到达蓝色

div

时，标题变回

normal

，当您离开蓝色div时，标题变回

fixed

填充被添加到div中，以便在更改为“固定”时不会影响窗口滚动

var stickyNavTop = $('.header').offset().top;

function scrolling() {
    doc = $(document).height()
    hidingtop = $('.hiding').offset().top;
    hidingbottom = $('.hiding').position().top + $('.hiding').outerHeight(true) // finding the outer height
    if ($(window).scrollTop() > hidingtop && $(window).scrollTop() < hidingbottom) {
        $('.header').removeClass('sticky');
        $('.container').css('padding-top', '0');
    }
}

var stickyNav = function () {
    var scrollTop = $(window).scrollTop();

    if (scrollTop > stickyNavTop) {
        $('.header').addClass('sticky');
        $('.container').css('padding-top', '100px');
    } else {
        $('.header').removeClass('sticky');
        $('.container').css('padding-top', '0');
    }
};

stickyNav();

$(window).scroll(function () {
    stickyNav();
    scrolling()
});

var stickyNavTop=$（'.header'）.offset（）.top；
函数滚动（）{
doc=$（document）.height（）
hidingtop=$（'.hiding'）.offset（）.top；
hidingbottom=$（'.hiding'）.position（）.top+$（'.hiding'）.outerHeight（true）//查找外部高度
if（$（窗口）.scrollTop（）>hidingtop&&$（窗口）.scrollTop（）stickyNavTop）{
$（'.header'）.addClass（'sticky'）；
$（'.container'）.css（'padding-top'，'100px'）；
}否则{
$（'.header'）.removeClass（'sticky'）；
$（'.container'）.css（'padding-top'，'0'）；
}
};
stickyNav（）；
$（窗口）。滚动（函数（）{
stickyNav（）；
滚动（）
});

页眉绿色是固定的，当您到达蓝色div时，它将隐藏页眉并在您出来时显示。谢谢，非常有用。是否有一个演示张贴在任何地方，只利用粘贴在某一点？