Javascript 在div上使用jQuery scrolltop和fadein/fadeout

我有一个div，在一个相对定位的父对象中有

position:absolute

。在

.scroll（）

事件期间，我希望将该div定位在其父级的底部

我在这里试图做的就是，当滚动开始时，

fadeOut（）

div然后当滚动结束时淡入

我的尝试是：

clearTimeout(scroll);
$(Writer).fadeOut('fast');

var scroll = setTimeout(function () {
    $(Writer).css({
        'bottom': 0
    }).fadeIn('slow');
}, 1000);
});

当然，这失败得很惨。

---

思想？谢谢。

您可以尝试jquery scroll事件：在滚动时淡出您的div，并在它停止滚动时淡入

$(window).scroll(function () { 
$(Writer).fadeOut('fast');
$(Writer).css({
        'bottom': 0
    }).fadeIn('slow');
}, 1000);     
    });

试试这个：

var timer = -1;
$(window).scroll(function () {
    clearTimeout(timer);
    $(Writer).hide(); // hide instead of fadeOut, as otherwise your users will see your div fading out while scrolling
    timer = setTimeout(function() { $(Writer).fadeIn('slow'); }, 1000);
});

更新

---

查看此提琴的演示：-演示使用div的

position:fixed

来演示概念。

显示一些完整的示例（html、css）。通常使用js来显示/隐藏，因此不需要通过js来操纵其他css参数。请查看我对Sangeetas answerPost HTML和css的评论。定位问题需要这些信息，否则我们只会和你玩猜谜游戏。不过，div不会在窗口的底部。我的意思是，我希望该div显示为position:fixed和bottom:0，但对于absolute，0可能意味着它不可见或位于文档末尾上方。对于

position:absolute

它使用的不是窗口高度，而是文档的高度，因此

bottom:0

将无法按您的要求工作。然后使用

position:fixed

或

position:relative

。