SafariとFirefoxでスティッキーフィルが機能しない

Question

スクロール時にサイドバーメニューを貼り付けるためにstickyfill（https://github.com/wilddeer/stickyfill）を使用しています。

SafariとOperaでは完全に動作しますが、SafariやFirefoxでは動作しません。誰かが私に問題の解決に手伝ってもらえますか？

最新のWordpress（4.6.1）とBootstrap（3.3.7）を使用しています。

ウェブサイトのURL（左のサイドバーのメニューを見て）：HERE

JQ：

jQuery(document).ready(function($) { 
$('#sidestick').Stickyfill(); 
}); 

CSS：

.sidestick { 
    position: -webkit-sticky; 
    position: -moz-sticky; 
    position: -ms-sticky; 
    position: -o-sticky; 
    position: sticky; 
    top: 0; 
} 

.sidestick:before, 
.sidestick:after { 
    content: ''; 
    display: table; 
} 

.sidestick:after { 
    clear: both; 
} 

@media screen and (min-width: 768px){ 
    .sticky-eq-height { 
     display: -webkit-box; 
     display: -webkit-flex; 
     display: -ms-flexbox; 
     display:   flex; 
    } 
} 

HTML：チャンギと

<div id="content" class="site-content"> 
<div class="container"> 
<div class="row sticky-eq-height"> 

<div class="col-sm-3" > 
<div id="sidestick" class="sidestick" style="top: 140px;"> 
Menu content 
</div> 
</div> 
<div class="col-sm-9"> 
MAIN CONTENT 
</div> 

Answer 1

解決の問題プラグインStickyKit（http://leafo.net/sticky-kit/）