2014-02-06 61 views
1

我的頁面加載完成後,我會進行初始化。在那之後,我有一個事件方法,用背景改變背景圖像。一旦事件運行後退將不再調整其他任何元素的大小,除了已更新的元素。jQuery Backstretch沒有調整大小

背部伸展具有用於窗口大小調整的單個事件實例嗎?如果有,我能做些什麼來解決這個問題?

謝謝!

例子:

$('body').backstretch('woot.jpg'); 
$('#menu-home').backstretch('dog.jpg'); 
$('#menu-about').backstretch('cat.jpg'); 
$('#menu-contact').backstretch('iguana.jpg'); 

$('#menu-home').on('click', function(){ 
    $('body').backstretch('dog.jpg'); 
}); 

回答

0

我用直道在一個DIV,是以瀏覽器的所有可見區域,這樣就可以向下滾動和頁面的其餘部分沒有背景。要調整它的窗口大小調整,我發現比使用javascript沒有其他辦法:

window.onresize = homePageResize; 

function homePageResize() { 
    $('#landingTop').css({ 'height': ($(window).innerHeight()) + 'px' }); 
} 
0

有一個大小調整方法,可以碼的手動調用(src):

$('your-selector').backstretch('resize');