jquery - Jquery在滚动时显示和隐藏

Question

我正在尝试创建一个图像以在 900 像素滚动后显示，但在达到 700 像素时隐藏

它适用于向下滚动但是当我不确定如何在一定数量的像素后隐藏它

这是我的代码。

    $(document).scroll(function () {
    var y = $(this).scrollTop();
    if (y > 900) {
        $('.bottom-signup').fadeIn(1000);
    } else {
        $('.bottom-signup').fadeOut(700);
    }

});

谢谢大家看demo

http://jsfiddle.net/uhUWC/

Answer 1

试试这个，如果我正确地回答了你的问题。

    $(document).scroll(function () {
    var y = $(this).scrollTop();
    if (y > 700 && y<900) {
        $('.bottom-signup').fadeIn(1000);
    } 
    else {
        $('.bottom-signup').fadeOut(700);
    }

});