Javascript 屏幕不大时向下滚动时的位置固定

当用户向下滚动时，我试图修复标题。问题是如果页面上的内容不够大，屏幕就会跳转。当我再次滚动到顶部时，它会很难从固定变为正常。有人能帮我吗

window.addEventListener('scroll', function() {
if($(window).scrollTop() == 0) {
    $('.sticky-wrapper').removeClass('stickynow');
} else {
    $('.sticky-wrapper').addClass('stickynow');
}
});

---

我真的不明白“跳屏”是什么意思，但我猜当你的标题变成

位置：fixed

时，它就不再占用空间了，所以

内容向上移动以填充空间，从而“跳屏”

您应该将页眉高度等于页眉高度的边距顶部添加到内容中（或HTML结构中页眉后面的任何元素）

见下文


window.addEventListener（'scroll'，function（）{
let header=$（“.sticky wrapper”）
if（$（窗口）.scrollTop（）==0）{
$（header.removeClass（'stickynow'）；
$（'section'）.css({
“页边距顶部”：0
})
}否则{
$（header.addClass（'stickynow'）；
$（'section'）.css({
“页边距顶部”：$（页眉）。高度（）
})
}
});
标题{
宽度：100%；
高度：100px；
背景：红色；
}
stickynow先生{
位置：固定；
背景：蓝色；
排名：0；
左：0；
}
部分{
高度：1000px；
宽度：100%；
背景：绿色；
}
身体，
html{
保证金：0；
}

不“跳转”
您如何定位非标题内容？从我的观点来看，你能得到的“最平滑”的方法就是让它一直保持粘性，并定位你的内容，使其在标题之后开始，这样就不会有任何东西跳转。同时，你也不需要这些javascript。我需要用javascript来做。为什么？当有滚动时，您可以有效地使标题保持粘性，当没有滚动时，可以将其取下。但是没有滚动的粘性标题看起来和非粘性标题一样。