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();