Question

我在相对定位的父级中有一个position: absolute的div。我希望在.scroll()事件期间将该div放在其父级的底部。

我在这里尝试做的是，当滚动开始时，fadeOut() div然后当滚动结束淡入时。

我的尝试是这样的：

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

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

当然这很糟糕。想法？感谢。

Answer 1

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

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

Answer 2

试试这个：

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);
});

<强>更新

选中此小提琴进行演示：http://jsfiddle.net/c3z39/ - 该演示使用position: fixed代码来演示该概念。

在div上使用jQuery scrolltop和fadein / fadeout

2 个答案: