2016-11-18 134 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> 

回答

相关问题