只有當窗口滾動位置爲eqal爲0才運行jquery代碼

Question

我試圖編寫一個代碼，只有當我的窗口的滾動位置爲0時，才能使用If語句。一旦有人滾動頁面，代碼不應該再工作。

當鼠標輸入我的div .slideshow_2時，頁面應該從75px滾動，而當mouseleave從75px滾動回來時......但只有當我的窗口滾動位置爲零時。

我有麻煩來定義窗口滾動位置，檢查它是否在0，並與我的條件。

這裏是我的代碼：

if ($(window).scrollTop() == 0){ 

    $('.slideshow_2').mouseenter(function(){ 
     $("html , body").animate({ scrollTop: 75 }, 500) 
    }); 

    $('.slideshow_2').mouseleave(function(){ 
     $("html , body").animate({ scrollTop: -75 }, 500); 
    }); 
} 

我的條件是：如果（$（窗口）.scrollTop（）== 0），我想這是假設檢查頁面尚未滾動，但有我做錯了什麼......

這裏是一個的jsfiddle：http://jsfiddle.net/uynrhr1c/

任何人可以幫助我嗎？

非常感謝

Answer 1

您需要添加處理程序中的條件：

$('.slideshow_2').mouseenter(function(){ 
    if($(window).scrollTop() == 0){ 
     $("html , body").animate({ scrollTop: 75 }, 500) 
    } 
}); 
    $('.slideshow_2').mouseleave(function(){ 
    if($(window).scrollTop() == 0) 
    $("html , body").animate({ scrollTop: -75 }, 500); 
}); 

Working Demo