jQuery（.scroll函数）"；“臭虫”；，滚动页面"；“跳跃”；大约30像素

当你向下滚动页面130px（我设置了它，这也是页眉的高度）时，新的类“f-nav”启动了，一切都很好，除了nav菜单下的页面跳转了30像素，如你所见：

我键入的“文本”，在滚动130像素后，第一行几乎变成“不可见”

jQuery("document").ready(function($){

var nav = $('nav');

$(window).scroll(function () {
    if ($(this).scrollTop() > 130) {
        nav.addClass("f-nav");
    } else {
        nav.removeClass("f-nav");
    }
});

}))

---

这是应该执行此操作的代码。

这是因为当您设置

位置：打开
nav
时，元素将从文档流中取出，然后该空间可以由下一个元素填充，您需要用以下内容补充您的功能：

var nav = $('nav');
var navh = $('nav').outerHeight();
var mainP = $('#main').css('paddingTop');

$(window).scroll(function () {
    if ($(this).scrollTop() > 130) {
        nav.addClass("f-nav");
        $('#main').css('paddingTop',navh);
   } else {
        nav.removeClass("f-nav");
        $('#main').css('paddingTop',mainP);
    }
});

检查这个
好吧，这与我在JSFIDLE上写的方式非常好，但是当我尝试将它放到我的网页上时，它不再起作用了，我不太擅长修复东西（仍在学习），但我在发布它之前花了10多个小时。这是一把新小提琴，你能在那儿用吗？我有一个div和一个边框，边框仍然像以前一样跳跃=/@NubCake然后使用
top
而不是填充来偏移主。。。既然你有框阴影边框是最好的选择，只需在CSS上添加position:relative即可。。检查这个OMG，谢谢！终于成功了，我爱你：你不知道你帮了我多少麻烦，谢谢@NubCake np mate很乐意为您提供帮助。这方面有什么改进吗？例如，jquery会自动获取高度吗<代码>如果（$（this）.scrollTop（）>130）{

那么这个数字会根据标题的高度自动调整？atm有一个填充“130px”被选中，但我不想得到填充数字，我想让jquery得到高度（这样我可以在标题中添加图片或任何东西，它会自动调整它）。