yedincifirat yedincifirat - 2 months ago 9
jQuery Question

jquery window.scroll doesn't work properly

in this page I have 3

window.scroll
functions but my events isn't working properly but if I remove another 2
window.scroll
the very first
window.scroll
function works as expected.My jquery codes are in below

$(document).scroll(function() {
var y = $(this).scrollTop();
if (y > 800) {
$('.sizi-arayalim').fadeIn();
} else {
$('.sizi-arayalim').fadeOut();
}
});

$(document).scroll(function() {
if (!$("#aniStickyNav").length) {
return false; //Check if the element exist
}
var y = $(this).scrollTop();
if (y > $(".after-scroll-sticky").offset().top+$(".hotel-search-box").height()) {
$('#aniStickyNav').show();
} else {
$('#aniStickyNav').hide();
}
});

$(document).scroll(function(){
if(!$(".hotel-search-box").length){
return false;
}
var y = $(this).scrollTop();
if (y > $(".hotel-search-box").offset().top) {
$('.sticky-checkin').show();
} else {
$('.sticky-checkin').hide();
}
});

Answer

you can use if (!$("#aniStickyNav").length) { return false; without putting into scroll function, and try to combine others into just one.