跨瀏覽器兼容性

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>