Jquery: отображение скрытого изображения на странице свитка

Question

Я до FadeIn изображение, которое установлено для отображения: нет, это то, что я делаю, что не работает для меня

HTML:

<img src="img/myimg.jpg" id="img"> 

CSS:

#img{ 
    display:none; 
} 

JS:

$(window).scroll(function() { 
    if ($(this).scrollTop() > 0) { 
     $('#img').fadeIn();      
    } 
}); 

Answer 1

Try, чтобы добавить свой код в ready() функции:

$(function(){ 
 
    $(window).scroll(function() { 
 
    if ($(this).scrollTop() > 0) { 
 
     $('#img').fadeIn();      
 
    } 
 
    }); 
 
});

#img{ 
 
    display:none; 
 
} 
 

 
body{ 
 
    height: 1000px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img src="https://assets.entrepreneur.com/content/16x9/822/20141230193127-work.jpeg" id="img"/>

Answer 2

jQuery .fadeIn() не будет отменять отображение: нет; Это может сработать, если вы используете opacity: 0; и visibility: hidden; как свои правила стиля.

Вы также можете попробовать $('#img').hide(); прямо при загрузке страницы.