javascript - 查询 : Display hidden image on page scroll

Question

我必须淡入一个设置为显示的图像:无，这就是我正在做的，但对我不起作用

HTML :

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

CSS:

#img{
    display:none;
} 

JS :

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

Answer 1

尝试在 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"/>