我正在使用此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>
答案 0 :(得分:1)
试试这个
if ( value > 120 )
$("#topSearchIcon").fadeIn();
您需要删除该行:
$("#topSearchIcon").css("display", "block");
您可以在行动here
中看到它