Estou tentando detectar o fim da barra de rolagem para mostrar uma determinada imagem, usei esses recursos abaixo porém não estão me satisfazendo o que preciso, que é apenas mostrar uma determinada imagem quando chegar ao fim da rolagem da página, não estou conseguindo calcular estes valores, alguém pode me ajudar??? Muito obrigado!
<style type="text/css">
.seta {
display:none;
}
</style>
<script>
$( window ).scroll(function() {
nScrollPosition = $( window ).scrollTop();
if(nScrollPosition>=100){
$( ".seta" ).css( "display", "block" );
}else{
$( ".seta" ).css( "display", "none" );
}
});
</script>
<head>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
...
<body>
<div class="seta"><img src="imagem_seta.png" /></div>
