Javascript 动态调整导航div到主内容的大小

Javascript 动态调整导航div到主内容的大小,javascript,wordpress,html,resize,Javascript,Wordpress,Html,Resize,问候和问候 我现在正试图建立一个wordpress网站,因为主div中的内容将具有不同的高度,我需要导航侧栏将每个页面延伸到相同的高度。 因此,通过一点javascript,我可以使边栏与下面的代码具有相同的高度 function adjust(){ hgt=document.getElementById('content').offsetHeight; document.getElementById('sidebar').style.height=hgt+'px'; } wi

问候和问候
我现在正试图建立一个wordpress网站,因为主div中的内容将具有不同的高度,我需要导航侧栏将每个页面延伸到相同的高度。
因此,通过一点javascript,我可以使边栏与下面的代码具有相同的高度

function adjust(){
    hgt=document.getElementById('content').offsetHeight;
    document.getElementById('sidebar').style.height=hgt+'px';

}
window.onload=adjust;
window.onresize=adjust;  
这对于一个长页面来说是很好的,但是如果内容变小了,那么边栏的东西就会变得一团糟。因此,我尝试了这样一个if语句

function adjust()
{
if (document.getElementById('content').style.height <  document.getElementById('sidebar').style.height){
hgt=document.getElementById('content').offsetHeight;
document.getElementById('sidebar').style.height=hgt+'px';
else
hgt=document.getElementById('sidebar').offsetHeight;
document.getElementById('content').style.height=hgt+'px';
}
}
window.onload=adjust;
window.onresize=adjust;  
函数调整()
{
if(document.getElementById('content').style.height

但这没有任何作用,所以有什么想法吗?

可能有几个原因:

1) 正如瓦利德所说,你错过了一个终结

2) 如果未为设置显式样式

document.getElementById('sidebar').style.height
它将返回“”


3) 假设风格、高度和视线距离相等,请小心。根据浏览器的不同,一种或另一种可能会占到边距,而填充C:

可能有几个原因:

1) 正如瓦利德所说,你错过了一个终结

2) 如果未为设置显式样式

document.getElementById('sidebar').style.height
它将返回“”


3) 假设风格、高度和视线距离相等,请小心。根据浏览器的不同,一个或另一个浏览器可能会占用边距和填充C:

如果有人需要新代码

function adjust()
{
    if (document.getElementById('content').offsetHeight < document.getElementById('sidebar').offsetHeight)
        {
        hgt1=document.getElementById('sidebar').offsetHeight;
        document.getElementById('content').style.height=hgt1+'px';
        }
        else
        {
        hgt2=document.getElementById('content').offsetHeight;
        document.getElementById('sidebar').style.height=hgt2+'px';
        }

}
window.onload=adjust;
window.onresize=adjust;
函数调整()
{
if(document.getElementById('content').offsetHeight
如果有人需要,请输入新代码

function adjust()
{
    if (document.getElementById('content').offsetHeight < document.getElementById('sidebar').offsetHeight)
        {
        hgt1=document.getElementById('sidebar').offsetHeight;
        document.getElementById('content').style.height=hgt1+'px';
        }
        else
        {
        hgt2=document.getElementById('content').offsetHeight;
        document.getElementById('sidebar').style.height=hgt2+'px';
        }

}
window.onload=adjust;
window.onresize=adjust;
函数调整()
{
if(document.getElementById('content').offsetHeight
在else之前缺少一个右大括号,在else之后缺少一个左大括号。只是想确保在复制此处的代码时出错,而不是代码中的实际错误。在else之前缺少一个右大括号,在else之后缺少一个左大括号。只是想确保在这里复制代码时是一个错误,而不是代码中的实际错误。