仅当窗口滚动位置等于 0 时才运行 jquery 代码

Question

我正在尝试使用 If 语句编写一个仅在窗口的滚动位置为 0 时才有效的代码。一旦有人滚动页面，代码就不能再工作了。

当鼠标进入我的 div .slideshow_2 时，页面应该从 75px 滚动，当鼠标离开时，从 75px 向后滚动...但前提是我的窗口滚动位置为零。

我在定义窗口滚动位置、检查它是否为 0 以及我的 if 条件时遇到了麻烦。

这是我的代码：

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

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

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

我的条件是：if ($(window).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