Добавить fadein к событию onscroll

Question

Добавить fadein к событию onscroll

0

Я использую этот javascript для маленького значка поиска в середине верхней навигации здесь 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>

321 23 фев. 2014, в 17:09

Источник

Теги:

javascript

jquery

css

1 ответ

Ещё вопросы

Ben Pearson · Accepted Answer · 2014-02-23T13-10-00.000Z

Попробуй это

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

Вы хотите удалить строку:

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

Вы можете увидеть это в действии здесь

Я обновил свой ответ. Вам нужно будет также удалить строку ниже