調整大小的均衡器功能

Question

我已經爲疊加2個區塊（在CSS中沒有絕對位置）的功能JS。所以我加上高度+邊距底部相同。

我的功能工作，但在調整大小，我不明白爲什麼它不起作用。價值不變..

你有什麼想法嗎？

var visual = document.getElementById('js-visual'); 

function equalizerVisualPageHeader() { 

    var maxHeight = -1, 
     elems = document.getElementsByClassName('equalizer'); 

    for (var i = 0; i < elems.length; i++) { 
     maxHeight = maxHeight > elems[i].offsetHeight ? maxHeight : elems[i].offsetHeight; 
    } 

    for (var i = 0; i < elems.length; i++) { 
     elems[i].style.height = maxHeight + 'px'; 
    } 

    var visualHeight = visual.offsetHeight; 

    visual.style.marginBottom = '-' + visualHeight + 'px'; 

} 

if (visual != undefined) { 
    equalizerVisualPageHeader(); 
} 

window.addEventListener('resize', function() { 
    equalizerVisualPageHeader(); 
}); 

謝謝！

Answer 1

您可以使用它。

window.onresize = function() { 
     var w = window, 
     d = document, 
     e = d.documentelement, 
     g = d.getelementsbytagname('body')[0], 
     x = w.innerwidth || e.clientwidth || g.clientwidth, 
     y = w.innerheight || e.clientheight || g.clientheight; 
      $("#style-1").height(y); 
     }