跨浏览器兼容性

Question

在Lion 10.8上的新的野生动物园浏览器6.0中，此代码无法正确执行。 在Firefox和iPad野生动物园中可以正常工作。 但是在Mac上，随着我上下滚动，它一直在振动。 我试图保持顶部的横幅滚动，直到按钮达到在这一点，我想按钮留固定在页面的顶部。

这是页面的链接：

http://www.persiantunedpiano.com/Mirror/events.htm

这是js：

<script type="text/javascript">
<![CDATA[

  $(document).scroll(function() {var scrollTop = $(window).scrollTop();
                        scroll(0, scrollTop);
                        if (scrollTop > 189) {
                            //alert(scrollTop);
                            $('#top_links').css('position', 'fixed');
                            $('#top_links').css('top', '0');
                            $('#left_links').css('position', 'fixed');
                            $('#left_links').css('top', '57px');


                        } else {
                            //alert('2');

                            $('#top_links').css('position','absolute');
                            $('#top_links').css('top', '186px');
                            $('#left_links').css('position', 'absolute');
                            $('#left_links').css('top', '242px');
                            //allertSize();
                        }
                        });


//]]>
</script>

Answer 1

嗯...似乎太慢了，这会加快速度，但不能确保速度足够快：

（我将jQuery元素添加到了闭包中，因此您不必每次移动搜索4次。）

<script type="text/javascript">

  var top_links = $('#top_links');
  var left_links = $('#left_links');

  $(document).scroll(function() {
     var scrollTop = $(window).scrollTop();
     scroll(0, scrollTop);
     if (scrollTop > 189) {
       top_links.css('position', 'fixed')
                .css('top', '0');
       left_links.css('position', 'fixed')
                 .css('top', '57px');
     }
     else {
       top_links.css('position','absolute')
                .css('top', '186px');
       left_links.css('position', 'absolute')
                 .css('top', '242px');
     }
 });
</script>