在淡入淡出后重置div以防止“堆叠”

Question

我有这个显示滚动到顶部按钮。

$(window).bind("scroll", function() {
if ($(this).scrollTop() > 100) {
    $("#totop").fadeIn();
} else {
    $("#totop").stop().fadeOut();
}

这个div的不透明度为0.8，如果我重复向上和向下滚动，div会逐渐消失，因为我猜测它变为0.8的0.8，然后是0.8的不透明度等。

我该如何阻止这种情况发生？

Answer 1

您需要使用fadeTo来处理不透明度：

试试这个：

$(window).bind("scroll", function() {
if ($(this).scrollTop() > 100) {
    $("#totop").fadeTo( "slow", 0.8 );
} else {
    $("#totop").stop().fadeTo( "slow", 0);
}