Buenas estoy haciendo una función con scroll.
Cuando baja el scroll 150 muestro un banner en la parte de abajo y al subir el scroll a tope se vuelve a esconder.
$(function() {
// esta parte es la que controla cuando se mueve el scroll y ejecuta una función
$(document).scroll(function() {
// aca se pregunta si el scroll se movio de pa bajo.
if ($(this).scrollTop() < 150) {
// esta parte cambia el atributo "src" de la etiqueta "img"
$('.barraTella').css("bottom","-200px");
$('.barraTella').css("transition","1s");
}
if ($(this).scrollTop() > 150) {
$('.barraTella').css("bottom","0px");
$('.barraTella').css("transition","1s");
}
});
});
Pero también le añadí un botón para poder cerrar ese banner.
$( "#closeLlama" ).click(function() {
$('#barraTella').css("bottom","-200px");
$('#barraTella').css("transition","1s");
});
El problema está en que, si lo cierro, y hago de nuevo scroll se me vuelve a mostrar.
Lo que necesito es: que hasta que no vuelva a subir del todo y vuelva a hacer esos 150 hacia abajo, no se vuelva a mostrar.
¿Alguna sugerencia?