动态设置div，标题栏固定显示，内容动态适应

在写h5页面，在该页面中，初始设置首页和图片，发现滑动过程中，标题栏也随之上移，所以设置header的class属性class="header navbar-fixed-top"，这样设置之后标题栏遮挡图片显示，此时可动态设置图片的显示位置，即可以通过DOM操作动态设置div元素的位置，以下是代码：

function setoffect(){
if (!document.getElementById) {
return false;
}
var headerhome = document.getElementById("headr-home");
var bodyhome = document.getElementById("body-home");
var footerhome = document.getElementById("footer-home");
var headerheight = headerhome.offsetHeight;
var footerheight = footerhome.offsetHeight;
headerheight += "px";
footerheight += "px";
bodyhome.style.marginTop=headerheight;
bodyhome.style.marginBottom=footerheight;
}
window.onload = function(){
setoffect();
};