跨浏览器兼容性

Question

在Lion 10.8上的新safari浏览器6.0上，此代码未正确执行。在Firefox和iPad Safari中运行良好。但在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>