在 div 淡入后重置 div 以防止'stacking'

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