Quero esconder a imagem quando o scroll
da página for maior que 147, até ai tudo bem, o problema é que não consigo esconder a imagem novamente quando o scroll
for menor que 146. O objetivo é esconder e mostrar a imagem de acordo com o scroll.
Abaixo deixei um exemplo:
$(document).ready( () => {
var logo = $("#img-logo-fixed");
$(document).scroll( function() {
var scroll = $(document).scrollTop();
if(scroll >= 147) $("#img-logo-fixed").css("display", "block");
if(scroll < 146 ) $("img-logo-fixed").css("display", "none");
});
});
#img-logo-fixed {
position:fixed;
top:0;
display:none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="http://lucianodev.com/gameutil2d/site/imagens/icone-android.png" id="img-logo-fixed" >
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
Alguém pode me ajudar?