将淡入添加到滚动事件

Question

我正在滚动顶部导航中间的小搜索图标使用此 javascript：

<script type="text/javascript">
$(document).scroll( function() {
    var value = $(this).scrollTop();
    if ( value > 120 )
        $("#topSearchIcon").css("display", "block");
    else
        $("#topSearchIcon").css("display", "none");
});
</script>

我需要添加一个淡入以避免更平稳的过渡，如果有人可以帮助提出任何建议，我不确定如何最好地合并它？谢谢。

更新的代码：

<script type="text/javascript">
$(document).scroll( function() {
    var value = $(this).scrollTop();
    if ( value > 120 )
        $("#topSearchIcon").fadeIn()
        $("#topSearchIcon").css("display", "block");
    else
        $("#topSearchIcon").css("display", "none");
});
</script>

Answer 1

试试这个

if ( value > 120 )
        $("#topSearchIcon").fadeIn();

您需要删除以下行：

$("#topSearchIcon").css("display", "block");

你可以在这里看到它的实际应用