0

レスポンシブランディングページの.resize()いくつかの と要素を再計算するために使用しています。<div>しかし、ウィンドウのサイズを非常に速く変更すると、すべての要素が正しく配置されないため、正確に機能していないようです。ゆっくりと落ち着いてサイズを変更している場合は、すべて問題ありません。.resize()いくつかの計算が見逃されるほど「速く」起動していないようです。

私のコードには特別なものは何もありません:

var faktor = 1014/515;
$(window).resize(function() {   

    if($(window).width() <= 1015 && $(window).width() >= 800) { 
        var w = $(window).width();
        var h = w/faktor;

        $('#modul').css({'width': w, 'height': h});
        $('#footer').css('width', w);
        $('#headerlinks').css('width', $(window).width()-507);

    }

    if($(window).width() <= 801) {

    }
});

前もって感謝します！

4

1 に答える 1

0

タイムアウトを使用して少し調整してみて、それが良いか悪いかを確認してください。

(function () {
    var timeoutResize;
    $(window).resize(function () {
        clearTimeout(timeoutResize);
        timeoutResize = setTimeout(function () {
            if ($(window).width() <= 1015 && $(window).width() >= 800) {
                var w = $(window).width();
                var h = w / faktor;

                $('#modul').css({
                    'width': w,
                    'height': h
                });
                $('#footer').css('width', w);
                $('#headerlinks').css('width', $(window).width() - 507);

            }

            if ($(window).width() <= 801) {

            }
        }, 50);

    });
}());
于 2013-07-03T11:09:11.247 に答える