0

ページがロードされたら、バックストレッチの初期化を行います。その後、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');
});
4

2 に答える 2

0

ブラウザのすべての表示領域を占める 1 つの div で backstretch を使用しているため、下にスクロールでき、ページの残りの部分には背景がありません。Windowsのサイズ変更で調整するには、javascriptを使用する以外に方法がありませんでした：

window.onresize = homePageResize;

function homePageResize() {
    $('#landingTop').css({ 'height': ($(window).innerHeight()) + 'px' });
}
于 2014-11-20T21:22:07.180 に答える