2016-12-02 2 views
1

jQueryで背景を固定したいのですが。 cssとjQueryの使用

body { 
    background-attachment:fixed; 
} 

それまでは、今すべてがOKで、背景がスクロールされていませんが、私はそれが再びスクロール開始それを変更するためにjQueryのを使用するときに。次のように私は身体のスタイルを置きます

これはjqueryのコードです:

$(function() { 
var body = $('body'); 
var backgrounds = [ 
    'url(./images/001.jpg)', 
    'url(./images/02.jpg)','url(./images/03.jpg)','url(./images/04.jpg)','url(./images/05.jpg)']; 
var current = 0; 

function nextBackground() { 
    body.css(
     'background', 
    backgrounds[current = ++current % backgrounds.length]); 

    setTimeout(nextBackground, 5000); 
} 
setTimeout(nextBackground, 5000); 
body.css('background', backgrounds[0]); 
}); 

は、いずれかのヘルプはいただけますか?

+0

変更背景画像背景の変更 - 背景を変更すると、他の多くの値がリセットされます – Pete

答えて

4

編集body.css('background', backgrounds[0]);

body.css('background-image', backgrounds[0]);

に最初のコードはbackground-attachment

含むその全体背景の特性を変化させるので、そうbackground-attachment代わりにデフォルト値に背中を変更、すなわちscroll

+0

両方ともありがとうございます。 –

+0

あなたは歓迎です@AnaSKayed – Akshay

+0

最初の画像は修正されていますが、次の画像はスクロールしているという別の問題が見つかりました。 –

関連する問題