Можно ли установить промежутки срабатывания $(window).scroll(function() {})
При скролле, получаю значение отступа от верха докумена, и ставлю условие, если значение больше 700 то скрываю логотип который висит фиксированный. $(window).scroll(function() {
var scroll_1 = $(this).scrollTop();
console.log(scroll_1);
if(scroll_1 >= 700){
$('.logo').css('opacity','0');
}else{
$('.logo').css('opacity','1');
};
console.log($('.logo').css('opacity'));
});
Но если я скролю очень быстро, ползунком, .scroll отрабатывает поздно и логотип отображается там где не нужно. Для того чтобы наглядно показать я записал console.log для значения css opacity и значения .scrollTop. у меня получается ,что есть промежуток значений .scrollTop() от 628 до 1348 на картинке, в который .scroll не срабатывает. То есть условие должно сработать на 700, а срабатывает аж на 1348. Можно ли как то установить значение срабатывания .scroll?
Попробовал сделать через IntersectionObserver, вывожу в консоли значение .scrollTop от window и значение css opacity:
const imageObserver = new IntersectionObserver((entries, imgObserver) => {
entries.forEach((entry) => {
if(entry.isIntersecting) {
$('.logo').css('opacity','0');
console.log('Opacity 0');
scroll_null = $(window).scrollTop();
console.log(scroll_null);
}else{
$('.logo').css('opacity','1');
console.log('Opacity 1');
scroll_null = $(window).scrollTop();
console.log(scroll_null);
}
})
});
imageObserver.observe(document.querySelector('div.main-ck11-text'));
При медленном скроле срабатывает на .scrollTop() =206

Если скролить быстро ползунком срабатывает на .scrollTop()=1260

