Jquery 如何设置导航高度以动态偏移顶部?
我需要动态设置偏移上限值。动态值为 导航的高度Jquery 如何设置导航高度以动态偏移顶部?,jquery,html,css,dynamic,offset,Jquery,Html,Css,Dynamic,Offset,我需要动态设置偏移上限值。动态值为 导航的高度 $("body, html").animate({ scrollTop: $( element ).offset().top - 90 }, 800); 编辑 看了你的密码笔后(我想我明白你想要什么了)。我在滚动动画中使用了导航高度 请参阅下面的代码片段或 $('.navigation a')。打开('单击',函数(事件){ var target=jQuery(this); var元素=target.attr('href
$("body, html").animate({
scrollTop: $( element ).offset().top - 90
}, 800);
编辑
看了你的密码笔后(我想我明白你想要什么了)。我在滚动动画中使用了导航高度
请参阅下面的代码片段或
$('.navigation a')。打开('单击',函数(事件){
var target=jQuery(this);
var元素=target.attr('href');
var navHeight=$(“nav”).height()
jQuery('.navigation a').removeClass('active'))
target.addClass('active');
jQuery(“body,html”).animate({
scrollTop:jQuery(元素).offset().top-navHeight
}, 800);
返回false;
});代码>
*{
列表样式类型:无;
填充:0;
保证金:0;
}
身体{
字体大小:16px;
背景:#eee;
填充顶部:90px;
字体系列:“Roboto”,Arial,Helvetica,无衬线;
溢出x:隐藏;
}
.导航{
排名:0;
左:0;
填充:0.10%;
宽度:100%;
位置:固定;
颜色:#fff;
框大小:边框框;
背景#3636;
文本对齐:居中;
}
.导航a{
颜色:继承;
利润率:35px 5px;
线高:150%;
填充:0 5px 0 20px;
显示:内联块;
文字装饰:无;
左边框:1px实心#fff;
}
.navigation a.active{颜色:黄色;}
.navigation a:第一个子项{border:0;}
.盒子{
宽度:100vw;
高度:100vh;
字体大小:14vw;
填充顶部:100px;
文本对齐:居中;
背景#4CD2DA;
}
.box:n子(2){背景:#59DAE2;}
.box:第n个孩子(3){背景:#4372A6;}
.box:n子(4){背景:#D8E0E3;}
.box:n个孩子(5){背景:#4B565A;}
插件演示
工作
客户
博客
接触
编辑
看了你的密码笔后(我想我明白你想要什么了)。我在滚动动画中使用了导航高度
请参阅下面的代码片段或
$('.navigation a')。打开('单击',函数(事件){
var target=jQuery(this);
var元素=target.attr('href');
var navHeight=$(“nav”).height()
jQuery('.navigation a').removeClass('active'))
target.addClass('active');
jQuery(“body,html”).animate({
scrollTop:jQuery(元素).offset().top-navHeight
}, 800);
返回false;
});代码>
*{
列表样式类型:无;
填充:0;
保证金:0;
}
身体{
字体大小:16px;
背景:#eee;
填充顶部:90px;
字体系列:“Roboto”,Arial,Helvetica,无衬线;
溢出x:隐藏;
}
.导航{
排名:0;
左:0;
填充:0.10%;
宽度:100%;
位置:固定;
颜色:#fff;
框大小:边框框;
背景#3636;
文本对齐:居中;
}
.导航a{
颜色:继承;
利润率:35px 5px;
线高:150%;
填充:0 5px 0 20px;
显示:内联块;
文字装饰:无;
左边框:1px实心#fff;
}
.navigation a.active{颜色:黄色;}
.navigation a:第一个子项{border:0;}
.盒子{
宽度:100vw;
高度:100vh;
字体大小:14vw;
填充顶部:100px;
文本对齐:居中;
背景#4CD2DA;
}
.box:n子(2){背景:#59DAE2;}
.box:第n个孩子(3){背景:#4372A6;}
.box:n子(4){背景:#D8E0E3;}
.box:n个孩子(5){背景:#4B565A;}
插件演示
工作
客户
博客
接触
$strong text(“正文,html”)
将导致语法错误。获取$('.navigation')。高度()
将其设置为.offset()
是否可以请您进一步解释您要执行的操作?并共享将导致语法错误的相关代码(包括html)$strong text(“正文,html”)
。获取$('.navigation').height()
将其设置为.offset()
您能进一步解释一下您想要做什么吗?并共享相关代码(包括html)和?你想达到什么目的?您有一个固定的菜单,可以平滑滚动到锚点。这里有什么问题?无论如何,我编辑了我的答案。看看或者看看这里@BharathKumar这就是你要找的吗?@BharathKumar在这种情况下。请接受我的回答:D谢谢你,还有?你想达到什么目的?您有一个固定的菜单,可以平滑滚动到锚点。这里有什么问题?无论如何,我编辑了我的答案。看看或者看看这里@BharathKumar这就是你要找的吗?@BharathKumar在这种情况下。请接受我的回答:D谢谢