将fadein添加到onscroll事件中

时间:2014-02-23 15:48:45

标签: javascript jquery css

我正在使用此javascript作为顶部导航here onscroll中间的小搜索图标:

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

</script>

我需要添加一个fadein以实现更顺畅的过渡,如果有人能帮忙建议,我不确定如何最好地合并它?感谢。

更新的代码:

<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>

1 个答案:

答案 0 :(得分:1)

试试这个

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

您需要删除该行:

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

您可以在行动here

中看到它