Javascript 如何修复Jquery中修复的平滑导航?

Javascript 如何修复Jquery中修复的平滑导航?,javascript,html,jquery,css,Javascript,Html,Jquery,Css,您好,我有这个平滑的滚动导航修复时,用户的滚动到网站。。但是当页面向上移动并删除类nav_fixed时,页眉部分会跳过它。。如何调整jquery代码,以便在用户向上滚动时能够平滑滚动标题部分。。正如您在下面的示例中所看到的,标题跳转的行为是一个小错误 /*固定标题视差*/ var header_height=$('header')。outerHeight()//修改样式之前的像素数 $(窗口).bind('scroll',函数(){ if($(窗口).scrollTop()>页眉高度){ $(

您好,我有这个平滑的滚动导航修复时,用户的滚动到网站。。但是当页面向上移动并删除类
nav_fixed
时,页眉部分会跳过它。。如何调整jquery代码,以便在用户向上滚动时能够平滑滚动标题部分。。正如您在下面的示例中所看到的,标题跳转的行为是一个小错误

/*固定标题视差*/
var header_height=$('header')。outerHeight()//修改样式之前的像素数
$(窗口).bind('scroll',函数(){
if($(窗口).scrollTop()>页眉高度){
$('header').addClass('nav_fixed');
$('.dummyHeight').addClass('addHeight');
}否则{
$('header').removeClass('nav_fixed');
$('.dummyHeight')。removeClass('addHeight');
}
});
.main{高度:700px;}
.addHeight{
高度:80px;
宽度:100%;
显示:块;
保证金:0自动;
位置:相对位置;
}
/*标题*/
标题{
背景:红色;
高度:80px;
填充:10px 40px;
边框底部:1px实心#caccd0;
位置:相对位置;
过渡:所有0.3s线性;
}
.nav_固定{
位置:固定;
z指数:45;
左:0;
右:0;
排名:0;
动画名称:淡入;
动画持续时间:1s;
}
@关键帧淡入{
从{
不透明度:0;
}
到{
不透明度:1;
}
}
.addHeight{
高度:80px;
宽度:100%;
显示:块;
保证金:0自动;
位置:相对位置;
}
李国荣{
显示:内联块;
位置:相对位置;
垂直对齐:顶部;
}
海军ulli a{
显示:块;
颜色:#232323;
文本转换:大写;
字体大小:粗体;
字体大小:12px;
填充:0 10px;
线高:67px;
}

样品

这是您需要的吗?如果你还需要别的东西,请告诉我。我已经修改了脚本以删除您正在讲述的跳转。我已经删除了类,当你达到标题滚动所有的方式

/*固定标题视差*/
var header_height=$('header')。outerHeight()//修改样式之前的像素数
var offset=$('header').offset();
$(窗口).bind('scroll',函数(){
var scrollTop=$(窗口).scrollTop();
如果(滚动顶部>收割台高度){
$('header').addClass('nav_fixed');
$('.dummyHeight').addClass('addHeight');
}else if(scrollTop==offset.top){
$('header').removeClass('nav_fixed');
$('.dummyHeight')。removeClass('addHeight');
}
});
正文{
保证金:0;
}
.main{高度:700px;}
.addHeight{
高度:80px;
宽度:100%;
显示:块;
保证金:0自动;
位置:相对位置;
}
/*标题*/
标题{
背景:红色;
高度:80px;
填充:10px 40px;
边框底部:1px实心#caccd0;
位置:相对位置;
过渡:所有0.3s线性;
}
.nav_固定{
位置:固定;
z指数:45;
左:0;
右:0;
排名:0;
动画名称:淡入;
动画持续时间:1s;
}
@关键帧淡入{
从{
不透明度:0;
}
到{
不透明度:1;
}
}
.addHeight{
高度:80px;
宽度:100%;
显示:块;
保证金:0自动;
位置:相对位置;
}
李国荣{
显示:内联块;
位置:相对位置;
垂直对齐:顶部;
}
海军ulli a{
显示:块;
颜色:#232323;
文本转换:大写;
字体大小:粗体;
字体大小:12px;
填充:0 10px;
线高:67px;
}

页面标题
样品

谢谢!这正是我所需要的。非常感谢你。高兴的这有帮助。