Bootstrap/CSS固定标题得到了很大的提升

这是我的密码

我是一个网络开发新手，我提出了一个（可能很愚蠢的）问题，向下滚动时如何修复div

$(window).scroll(function() {
  var scroll = $(window).scrollTop();
  if (scroll >= 80) {
    $('.mainheader').addClass('fixed')
  } else {
    $(".mainheader").removeClass('fixed');
  }
});

$(window).scroll(function() {
  var scroll = $(window).scrollTop();
  if (scroll >= 80) {
    $('.namecard').hide
  } else {
    $(".namecard").show);
}
});

我有两个div， 1） mainheader，我想在向下滚动时将其固定在引导程序标题下 2） 我想在向下滚动时“隐藏”的名片

$(window).scroll(function() {
  var scroll = $(window).scrollTop();
  if (scroll >= 80) {
    $('.mainheader').addClass('fixed')
  } else {
    $(".mainheader").removeClass('fixed');
  }
});

$(window).scroll(function() {
  var scroll = $(window).scrollTop();
  if (scroll >= 80) {
    $('.namecard').hide
  } else {
    $(".namecard").show);
}
});

但是在用我的代码进行测试后，当向下滚动时，当“mainheader”被修复并且“namecard”被隐藏时，它得到了一个“大跳跃”，因此内容中的一些行在“fixed mainheader”之后永远无法被读取和隐藏……任何人都可以在这方面提供一些帮助

---

提前感谢

试试这个：为“.mainheader”添加页边空白。页边距顶部的值将等于或大于固定页眉高度。

快速使用了代码，并将它们放在

的底部。这基本上会将它们添加到导航栏中，并将其固定在下方

关于你问题的第二部分，我不确定。希望我能帮点忙

切换导航
总管

名片

A.

B

C

D

E

F

G

H

我

J

K

L

M

N

为什么要修改它

onScroll

只需设置它的

位置：默认情况下已修改

，如果你想做点什么

onScroll

那么就为你要添加的类编写

onScroll

它肯定不会跳转