Javascript код не работает в браузере Safari

Question

У меня есть код, который отлично работает на Google Crome, Firefox, ... но он не работает в браузере Safari.

Какой код работает?Его скрытие / отображение логотипа зависит от раздела, в котором исправлен фиксированный элемент - он работает, но в Safari логотип просто скрыт.

Есть что-то, что Safari не поддерживает?

<script>
    jQuery(document).ready(function($) {      

        $('#logoimode3').css({'display' : 'none'});

        $(function() { 
            var $window = $(window);

            var logo = $('#logoimode3'); 

            var div1 = $('#section1stran'); 
            var div2 = $('#section2stran');

            var div1_height = div1.height();
            var div2_height = div2.height();

            $window.on('scroll', function() { 
                var scrollTop = document.documentElement.scrollTop; 
                var viewport_height = $window.height(); 
                var scrollTop_bottom = scrollTop + viewport_height;

              if (scrollTop >= div1_height  && (scrollTop_bottom <=  div1_height + div1_height + div2_height )) {
                    logo.css({'display' : 'block'});
                }
                else {
                    logo.css({'display' : 'none'});
                }
            });
        });

    });
</script>

Answer 1

Сделано.

Изменение:

$window.on('scroll', function() { 
                var scrollTop = document.documentElement.scrollTop; 

Кому:

$(window).scroll(function() { 
                var scrollTop = $(window).scrollTop();