簡體   English   中英

jQuery窗口大小調整問題-高度/寬度計算

[英]jQuery window resize issue - height/width calculation

問題就是這樣-我正在使用jQuery來設置容器的高度。 我正在使用插件bgStretcher 3.1.2將圖像拉伸到此容器的尺寸。 在屏幕截圖1中,我要使用的容器是磚牆圖像占用的區域。

屏幕截圖1

當您調整瀏覽器大小時,會出現問題,每第二次觸發大小調整時,高度/寬度的計算將偏離15px(我不知道該數字來自何處),從而在容器的右側和底部之間形成了一個可見的間隙在屏幕快照2中。此屏幕快照還包括Jquery返回的指示容器高度的控制台讀數。 因此,當您調整容器抖動的大小時,如地獄般,最終可能導致上述間隙。

屏幕截圖2

我相信我的代碼和插件之間會發生某種沖突,因為它們都必須調整窗口大小。

這是我最后使用的簡單代碼:

    win.resize(function() {
        console.log(win.height());
        conH = win.height()-68;
        wrapper.css({
            height: conH+"px"
        })
    }).resize();
function init_heght(element) {
    var y = $(window).height();
    $(element).css('height', y);
};

init_heght('#section-left-menu');

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM