Question

基本上，我希望标题是绝对定位的，所以当你开始向下滚动时，它会保持原位并且在我通过下一部分之前是不可见的。在那一点上，我希望它固定并将translateY转换为视图，并在滚动回到顶部时反转。

我有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％的宽度

在滚动通过下一部分后，标题开始绝对并变为固定

1 个答案: