Javascript-获取div高度并应用于负像素

Javascript-获取div高度并应用于负像素,javascript,css,Javascript,Css,我试图在一个变量的div上应用负像素 window.onscroll = function() { var navBar = document.querySelector(".navBar"); var headerHeight = document.querySelector(".headerContainer").offsetHeight; if ( window.pageYOffset > 100 ) { navBar.style.top = headerHeight + "

我试图在一个变量的div上应用负像素

window.onscroll = function() {
var navBar = document.querySelector(".navBar");
var headerHeight = document.querySelector(".headerContainer").offsetHeight;
if ( window.pageYOffset > 100 ) {
    navBar.style.top = headerHeight + "px";
} else {
    navBar.style.top = "0px";
}
}
基本上,我有一个固定的导航栏,我想将一些内联样式应用到滚动的.navbar类,如果你查看代码,你可以看到我得到.headerContainer高度并应用导航栏上的像素,但我想应用负像素,例如,如果headerHeight是100px,我想应用-100px


在jQuery中很容易,但我无法用纯javascript来理解这一点,这里的大新手:)

呃,如果你想要一个负值,只需将数字乘以
-1
?另外,
ta_hhheight
在代码中是一个未声明的变量。jQuery和“native”JS在这里有什么区别?@Terry,对不起,我不明白。你说的将数字乘以-1:D是什么意思?正如我说的,这里有一个大菜鸟,请给出一个简单的例子,顺便说一句,我编辑了上面的代码并更改了变量名uhh,100乘以-1得到-100?i、 e.
navBar.style.top=(人头高度*-1)+“px”
@Nippledisaster也以另一种方式>
“-”+headerHeight+“px”