Question

我尝试使用一些基本的javascript标记来实现全高介绍部分。

更详细：
我有一个父DIV元素作为包装器，应该适应整个视口高度。由于一些移动不兼容，css＆＃34;身高：100vh＆＃34;不管用。所以我坚持这个代码。它前一段时间完美无缺。我没有改变任何东西，突然间它一夜之间停止了工作？！高度无法正确计算。

我附上了我的代码和案例的截图。

我相信你可以帮助我提前谢谢你 Working sample
Chrome bug

$(document).ready(function(){

'use strict';

setInterval( function() {

    var windowHeight = $(window).height();

    var containerHeight = $("#intro-wrapper > .inner").height();

    var navHeight = $("header#main").outerHeight(true);

    var border = 20;

    var padTop = windowHeight - 20 - (containerHeight+navHeight);

    $("#intro-wrapper > .inner").css ({

        'padding-top': Math.round(padTop / 2) + 'px',
        'padding-bottom': ((padTop / 2)- border) + 'px',
        'margin-bottom': border + 'px'
    });

}, 0);
});

Answer 1

在css中尝试height:100vh;以获得全高。

Javascript全高介绍部分与自动填充铬错误，没有正确显示

1 个答案: