jquery slideUP + Hide
GALERA!
Tenho um script que estou desenvolvendo para exibir em determinada SCROLL somente.
Até ai, td bem... porém, depois que o SCROLL sobe novamente, o código não aceita mais o CLICK. (onde deve estar o ERRO no JQUERY).
CODE JQUERY>>>
<script type="text/javascript">
jQuery(document).ready(function() {
$(window).scroll(function() {
nScrollPosition = $(window).scrollTop();
if (nScrollPosition > 3300) {
$("#box_slidetop").fadeIn();
$("#box_slidetop").hover(function() {
$("#box_slidetop_extra").animate({
bottom: '50px'
}, 200);
}, function() {
$(this).animate({
bottom: '50px'
}, {
duration: 800,
easing: 'easeOutBounce'
});
});
} else {
$("#box_slidetop, #box_slidetop_extra").fadeOut();
}
});
});
</script>
CODE HTML>>>
<div id="box_slidetop" class="" style="display: none;">
<div class="text-center space_bottom10 space_top20 d-none d-sm-block">
<p class="text-center">
<b>AJUDE ESTA CAUSA, PROGRAMADORES...!</b>
</p>
</div>
</div>
<div id="box_slidetop_extra">
<div class="col-md-10 offset-1 text-center space_top20 space_lr40">
<form method="post" class="form-white" action="form/acoes.asp">
<div class="col-md-5 pull-left">
<input type="text" class="form-control" id="campo_nome" name="campo_nome" placeholder="Digite seu nome" required>
</div>
<div class="col-md-6 pull-left">
<input type="email" class="form-control" id="campo_email" name="campo_email" placeholder="Digite seu email" required>
</div>
<div class="col-md-1 pull-left">
<button type="submit" class="btn btn-md btn-primary">ENVIAR</button>
</div>
</form>
</div>
</div>
OBS:
O script ao descer o SCROLL aparece uma barra na tela (#BOX_SLIDETOP) depois de aparecer, você passa o mouse em cima (HOVER) abre o (#BOX_SLIDETOP_EXTRA), aí some o #BOX_SLIDE e fica somente o BOX_SLIDE_EXTRA.
depois quando retorno o scroll novamente para cima, ele some, depois se VOLTO para a posição onde aparece a DIV, ele não executa mais a AÇÃO DO JQUERY.
Se conseguirem me dar uma luz no JQUERY, agradeço.
Obrigado.Discussão (1)
Carregando comentários...