2015-07-11 52 views
1
$(window).load(function() { 
    if ($(window).scrollTop() == 0) { 
     $('#girl').delay(4000).fadeOut(4000); 
     $('#new_girl').fadeIn(500); 
    } 
    else{ 

    } 

}); 

當我加載頁面並向下滾動4s後,此功能工作正常但當我加載頁面並開始滾動頁面加載時,這再次工作。我想,如果我沒有等待4秒向下滾動,然後銷燬這個函數。可能這個邏輯應該設置在else語句中。 謝謝...當我滾動時摧毀效果

回答

0

$(window).load(function() {表明,當window完全加載

所以你必須要等裏面的代碼將只執行。

你可以做的是,只寫這個代碼

if ($(window).scrollTop() == 0) { 
     $('#girl').delay(4000).fadeOut(4000); 
     $('#new_girl').fadeIn(500); 
    } 
    else{ 

    } 

,並確保jQuery的驗證碼

也許你會得到JS錯誤,如果用ID #girl#new_girl元素不加載之前包括進入DOM

0

No.1爲什麼你使用$(「window」)。load方法..你知道它只有在所有東西都加載到頁面後觸發事件...像CSS,JS和包括圖像。

如果您想在文檔加載後立即觸發它,請使用document.ready方法代替它。 其他檢查在這裏的橙色按鈕,看到代碼siteflu

0

但這也是你的代碼告訴。你可以做的是$(document).ready(function(){