Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何设置导航高度以动态偏移顶部?_Jquery_Html_Css_Dynamic_Offset - Fatal编程技术网

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谢谢