调整窗口大小时如何使元素居中？

Question

我想将锚标记对准图像的中间。图像大小是动态的，因此我必须计算高度，然后获取该值并将其分配给var。调整窗口大小时，我无法使其执行相同的操作。请帮忙。

$(function () {
    var imageHeight = $('.slide img').height();
    var slickImageCalc = imageHeight / 2;

    function moveArrows() {
        $(".slick-arrow").css("top", slickImageCalc + "px");
    }

    if ($(window).width() < 992) {
        moveArrows();
    }

    $(window).resize(function () {
        if ($(window).width() < 992)
        {
            moveArrows();
        }
    });
});

Answer 1

我弄清楚了，我在定义变量，并且该值永远不变。所以我将变量移到了if语句中，然后便可以清理其余的变量。

$(function () {
        $(window).resize(moveArrows);
        moveArrows();
});

function moveArrows() {
        if($(window).width() < 992) {
            var imageHeight = $('.slide img').height();
            var slickImageCalc = imageHeight / 2;
            $(".slick-arrow").css("top", slickImageCalc +"px");
        }       
}