基于窗口高度的变量在移动设备上的行为异常

Question

要确定主页“英雄”样式部分的高度，我们使用这个整洁的小东西：

jQuery(function( $ ){
    // Image Section Height
    var windowHeight = $( window ).height();

    $( '.fp1' ) .css({'height': windowHeight +'px'});

    $( window ).resize(function(){
        var windowHeight = $( window ).height();
        $( '.fp1' ) .css({'height': windowHeight +'px'});
    });
});

它很好用，除了在移动设备上。当你向上滚动页面时，地址栏（至少在Android上）是可见的，当你向下滚动页面时，它会滑开，如果你改变滚动方向，会导致内容跳跃地址栏的高度。

有人知道解决这个问题的方法吗？

Answer 1

我刚刚停止在移动设备上收听.resize 功能。希望这没什么大不了的，但现在它可以工作并防止跳动。