为什么可以';我不能用JavaScript设置导航栏的高度吗?

为什么可以';我不能用JavaScript设置导航栏的高度吗?,javascript,Javascript,我想知道如何使用HTML、CSS和JS编写粘性navbar。我在没有jQuery的情况下创建了粘性导航,但是height功能无法正常工作。有人能告诉我怎么称呼这个height函数吗?如何在纯JavaScript中找到高度 document.addEventListener(“DOMContentLoaded”,function()){ "严格使用",; 变量c,currentScrollTop=0; var navbar=document.querySelector(“.nav”); addE

我想知道如何使用HTML、CSS和JS编写粘性
navbar
。我在没有jQuery的情况下创建了粘性导航,但是
height
功能无法正常工作。有人能告诉我怎么称呼这个
height
函数吗?如何在纯JavaScript中找到
高度

document.addEventListener(“DOMContentLoaded”,function()){
"严格使用",;
变量c,currentScrollTop=0;
var navbar=document.querySelector(“.nav”);
addEventListener('scroll',function(){
变量a=(document.documentElement&&document.documentElement.scrollTop)| | document.body.scrollTop;
var b=导航条高度();
currentScrollTop=a;
如果(cb+b){
navbar.addClass(“scrollUp”);

}否则,如果(c>currentScrollTop&&!(a
nav
不是一个类,它是一个HTML标记。因此,
document.querySelector(“.nav”)
将返回一个空节点列表

改变

document.querySelector(".nav")

var b = navbar.height();

document.querySelector("nav")

var b = navbar.clientHeight;
// or
var height = navbar.offsetHeight;
document.addEventListener(“DOMContentLoaded”,function()){
"严格使用",;
变量c,currentScrollTop=0;
var navbar=document.querySelector(“nav”);
addEventListener('scroll',function(){
变量a=(document.documentElement&&document.documentElement.scrollTop)| | document.body.scrollTop;
var b=导航条。客户端高度
currentScrollTop=a;
如果(cb+b){
navbar.addClass(“scrollUp”);

}否则,如果(c>currentScrollTop&&!(a hight!=height;我认为您的代码中有输入错误,是页面顶部的导航栏,还是它有上边距?导航不是一个属性-您可以将其称为“标记”或“元素”。