标题从绝对开始，滚动通过下一节后变为固定

Question

基本上，我希望标题绝对定位，这样当你开始向下滚动时，它会保持在原位，直到我通过下一节才可见。在这一点上，我希望它变为固定的，并将Y平移到视图中，当滚动回顶部时反转。

我已经解决了90%的问题，尽管我只能在向下滚动的同时转换。向上滚动时，过渡会中断。根据滚动位置的不同，我尝试过抛出各种不同的类，但都不起作用。我知道有两个菜单可以解决我的问题，但我从来没有考虑过。

这是我现在如何使用它的视频，当向上滚动时，你会看到它没有转换：https://vid.me/wUwx

Answer 1

试试这个，希望这能帮助

$(window).scroll(function () {
var windowsize = $window.height();
if (windowsize >= 400) { // Some Number of height
$('.header').css('position','fixed');
}
else {
$('.header').css('position','relative');
}
});

头类应该有一个100%宽度的