Jquery显示并隐藏在滚动上

时间:2013-09-26 10:31:44

标签: jquery html animation hide show

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

它可以向下滚动,但是当我不确定如何在一定数量的像素之后隐藏它

这是我的代码。

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

});

谢谢你们 见演示

http://jsfiddle.net/uhUWC/

1 个答案:

答案 0 :(得分:0)

试试这个,如果我的问题正确的话。

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

});