Функция изменения цвета Navbar не работает на устройствах iOs и Safari

Question

У меня есть этот код, который меняет цвет панели навигации при прокрутке выше 100px, который отлично работает на устройствах Chrome и Android, но не работает на устройствах Safari и iOs!

<nav class="navbar navbar-expand navbar-dark bg-dark fixed-top">
<a href="./index.html" class="navbar-brand">
<img src="assets/navbar-new-desk.png" class="navbar-logo">
</a>  

$("body").scroll(function () {
$('nav').toggleClass('scrolled', $(this).scrollTop() > 100);
$('.apply').toggleClass('scrolled1', $(this).scrollTop() > 100);

if($(this).scrollTop()>100){
$(".navbar .navbar-brand img").attr("src","assets/desktop-scroll.png");
$(".navbar .nav-hamburger-icon img").attr("src","assets/black-nav-mob.png");
}

else{
$(".navbar .navbar-brand img").attr("src","assets/navbar-newdesk.png");
$(".navbar .nav-hamburger-icon img").attr("src","./assets/mobile-icon.png");
}
});