繁体   English   中英

将淡入添加到滚动事件中

[英]Add fadein to onscroll event

我使用此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>

尝试这个

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

您需要删除以下行:

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

您可以在这里看到它的运行情况

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM