爲什麼在Firefox/IE中不能「粘」JavaScript工作？

Question

我在[本站] [1]上有一個「粘」綠條。在Chrome中滾動時，欄會向上移動並粘貼到頁面的頂部，並在滾動時保持不變。但我只注意到它不會在Firefox或IE中執行此操作。我使用的JavaScript如下。任何人有任何想法，爲什麼它只能在Chrome中工作？ （無法在移動工作，要麼，僅供參考）

// to make sub nav stick to top 
jQuery(function($) { 
    var docked = false; 
    var menu = $('.sticky_cta'); 
    var init = menu.offset().top; 

    $(window).scroll(function() {  
     if (!docked && (menu.offset().top - $("body").scrollTop() < 50)) { 
      menu.css({ 
       position : "fixed", 
       top: 0, 
      }); 
      docked = true; 
     } 
     else if (docked && $("body").scrollTop() <= init) { 
      menu.css({ 
       position: "relative", 
      }); 
      docked = false; 
     } 
    }); 
}); 

[1]：

Answer 1

嘗試使用航點，以確保你的酒吧棒在所有瀏覽器上，你會發現它的使用方法很簡單，也有粘性元素的捷徑。

類似的東西來這應該做的伎倆：

menu.waypoint({ 
    handler: function (direction) { 
     if (direction == 'down') { 
      menu.css({ 
       position: "fixed", 
       top: 0, 
      }); 
     } else if (direction == 'up') { 
      menu.css({ 
       position: "relative", 
      }); 
     } 
    }, 
    offset: //Whatever offset you need 
}); 

文檔瀏覽：

http://imakewebthings.com/waypoints/

快捷鍵：

http://imakewebthings.com/waypoints/shortcuts/sticky-elements/

Answer 2

嘗試用：

通過document.documentElement.scrollTop

$("body").scrollTop我想更換$("body").scrollTop已被棄用，在FF返回0