Question

我有功能JS用于叠加2个blocs（在CSS中没有绝对位置）。所以我添加高度+边距底部相同。

我的功能有效，但在调整大小时，我不明白为什么它不起作用。价值不会改变..

你有什么想法吗？

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); 
        }

调整大小时的均衡器功能

1 个答案: