javascript - Html 正文样式“padding-top”在 Firefox 中不起作用

Question

为什么当我在做：

document.body.style["padding-top"] =  panel.offsetHeight + "px";

在"padding-top"Firefox 中不起作用？在 Chrome 和 IE 中没问题，但 FF - 在后面刺伤。

整个代码是：

var fixTopPanel = function(){
  var panel = document.getElementById("TopPanel");
  document.body.style["padding-top"] =  panel.offsetHeight + "px";
}

window.addEventListener("load", fixTopPanel);
window.addEventListener("resize", fixTopPanel);

在这里看到它：http: //plnkr.co/edit/KyxxRV ?p=preview

UPD：刚刚发现可行，style.paddingTop 但有什么问题"padding-top"？

Answer 1

像这样使用 paddingTop ：element.style.paddingTop。

var fixTopPanel = function(){
  var panel = document.getElementById("TopPanel");
  document.body.style.paddingTop =  panel.offsetHeight + "px";
}

window.addEventListener("load", fixTopPanel);
window.addEventListener("resize", fixTopPanel);