Почему при прокрутке в сафари на телефоне или маке дёргается фиксированное меню?

Question

[vlad123032]

На любом андроиде или пк в гугл всё гуд
Видео обзор проблемы на маке и айфоне - https://ru.files.fm/u/kqqwk7ra8
Вот сайт с открытым кодом https://maslianik.website/kinoteatr/

Вот код от этого блока который фиксируется (1086 строка)
$(document).scroll(function () {
s_top = $("html").scrollTop();
yes = $("#release").offset().top;
if(s_top > yes){
$('.cinema__sticky').addClass("active__sticky");
$('.calendar').addClass("sticky__calendar");
$('.release__menu ul').addClass("menu__padding__nice");
$('.absolute__calendar ').addClass("left__cal");
$('div.calendar').addClass("none__mobile");
console.log("yes");
}
else if ($("#release").hasClass("active__sticky")){
$('.cinema__sticky').removeClass("active__sticky");
$('.calendar').removeClass("sticky__calendar");
$('.absolute__calendar ').removeClass("left__cal");
$('.release__menu ul').removeClass("menu__padding__nice");
$('div.calendar').removeClass("none__mobile");

}
});

Буду рад каждому ответу, любая помощь подойдёт

Comments

[Роман]

Подозреваю, что дело в тачпаде, который порождает большое количество ивентов, и надо делать какой-то дебаунсер

[vlad123032]

Роман, Я хоть немного и шарюсь в программировании, но не совсем понимаю что вы имеете ввиду))

[Uno]

Очевидно потому что «календарь» пропадает

Answer 1

[Антон Романков]

Думаю, проблема не в JS, а в CSS.
У вас последняя кнопка сползает. Вот у меня тоже это есть в самом верху.
Вот так ничего не прыгает.
https://codepen.io/romant094/pen/KKqWdqV