Question

我在使jQuery脚本正常工作时遇到了一些问题。我需要我的标题元素是我的视口的高度。问题是，除非我点击检查元素或更改浏览器大小，否则它不会扩展视口的高度。我觉得奇怪，因为它不是页面加载时视口的高度，但如果我篡改它就会变成这样。

以下是我正在使用的内容：

    $(document).ready(function(){
        $(window).resize(function(){
        var newheight = $(window).height();      
        $("header.full-header").height(newheight);
        });
    });

Answer 1

您必须在页面加载时调用该函数一次，因为调整大小不会触发，直到窗口调整大小为止。

$(document).ready(function(){
    doResize(); // run once on page load
    $(window).resize(doResize); // run on every resize
});
function doResize(){
    var newheight = $(window).height();      
    $("header.full-header").height(newheight);
}

Answer 2

在函数之后再次触发resize事件，即：

$(window).resize(function (){
    // All your code here
    var newheight = $(window).height();      
    $("header.full-header").height(newheight);
}).resize();

现在可以正常工作，因为你通过链接来解决调整大小。

jQuery动态调整元素高度到视口

2 个答案: