在窗口调整大小时更改Div位置

时间:2016-12-13 14:07:39

标签: jquery css

当我调整浏览器窗口大小时,以下代码未被激活。仅在页面加载 else if 语句才有效。我究竟做错了什么?

$(updateBoxDimension);
$(document).ready(updateBoxDimension);
$(window).on('resize', updateBoxDimension);

function updateBoxDimension() {
    var $box = $('.case-study-outer');

    // To center the box
    var boxTop = ($(window).height()) / 2 - ($box.height() / 2);

    if ($(window).width() < 900) {
        $box.css({
            top: inherit
        });
    } else if ($(window).width() > 900) {
        $box.css({
            top: boxTop
        });
    }
}

1 个答案:

答案 0 :(得分:0)

检查弹性盒子,它们可能正是您所需要的。这是一个关于如何使用它们的有用链接,它们在CSS中使用。 https://css-tricks.com/snippets/css/a-guide-to-flexbox/