Javascript jQuery淡出不会在Tumblr上淡出-它只是消失了

我已经在我的Tumblr博客上安装了一个无限滚动脚本，现在正在添加一个滚动到顶部按钮。我希望这个按钮在用户向下滚动超过某个点时淡入，在用户向上滚动时淡出。我还希望它提供一个平滑的滚动，而不仅仅是一个跳转到顶部

我精通HTML和CSS，但不幸的是，我对JavaScript和jQuery基本一无所知。我找到了一些关于JS的东西，它们教会了我如何获得想要的滚动按钮。一切都很好，但唯一的问题是淡出不起作用-元素只是消失了。有时候，如果我幸运的话，它会在一微秒左右的时间里开始淡出一点，然后消失

下面是我正在使用的JavaScript：

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>

<script>
$(function () {
    $("#gotop")
        .hide();
    $(window).scroll(function () {
        if ($(this).scrollTop() > 400) {
            $('#gotop').fadeIn(500);
        } else {
            $('#gotop').fadeOut(500);
        }
    });
    $('#gotop').click(function () {
    $('html,body').animate({
        scrollTop: 0
    }, 400);
    return false;
  });
});
</script>

事实上，一切都很好，除了淡出

我在网上浏览过类似的问题。我尝试了我遇到的各种事情，尽管不幸的是，大多数都是希腊语

编辑：我只是有个想法。是否可能不会发生淡出，因为在淡出时间到来之前，页面已经在隐藏区域上方卷回，元素立即被设置为隐藏

如果有人知道任何事情，我们将不胜感激-谢谢你的时间

希望这有帮助

---

好吧，经过一番周旋，我终于找到了问题所在

事实证明，通过使用*选择器，我已将页面上的所有元素都设置为具有CSS3转换：

* {margin: 0; padding: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;}

我这样做是为了方便，这样我的任何悬停都会有一个很好的过渡。然而，这似乎是导致我的滚动到顶部按钮失灵的原因

我建议任何与我有相同问题的人检查他们使用过的任何转换，并确保它们不会影响“到顶部”按钮。如果有任何疑问，请尝试暂时消除它们以进行检查

希望这有帮助

#gotop {position: fixed;
    right: 2em; bottom: 2em;}

$(function () {
 $('#gotop').hide();
$(window).scroll(function () {

        if ($(this).scrollTop() > 400) {
            $('#gotop').fadeIn(500);
        } else {
            $('#gotop').fadeOut(500);
        }
    });
    $('#gotop').click(function () {
    $('html,body').animate({
        scrollTop: 0
    }, 400);
    return false;
  });
     });

* {margin: 0; padding: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;}