2016-11-18 93 views
0

Im在粘貼滾動條時使用粘滯填充(https://github.com/wilddeer/stickyfill)粘貼邊欄菜單。Stickyfill無法在Safari和Firefox中工作

在safari和Opera上,它的工作原理非常完美,但它在Safari和Firefox中完全不起作用。可以請別人幫我解決問題嗎?

我使用最新版本的Wordpress(4.6.1)和Bootstrap(3.3.7)。

網站網址(看左側邊欄菜單):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> 

回答

相關問題