позиция: липкий не работает в firefox

Question

позиция: липкий, как говорят, работает в firefox, но я не вижу свою боковую панель.

Мой HTML выглядит следующим образом:

<div class="wrap"> 

    <div class="sticky">side </div>  
    <div class="content">content <div> 
<div> 

Мой CSS:

.content{ 
    height: 2000px; 
    overflow: hidden; 
} 

.sticky{ 
    position: sticky; 
    width: 200px; 
    float: left; 
} 

Как я прокручиваю вниз боковую панель прокручивается с содержимым. Он не прилипает. Кто-нибудь знает, в чем проблема?

Answer 1

Она прилипает, если вы укажете top значение:

.sticky{ 
    position: -webkit-sticky; /* for safari */ 
    position: sticky; 
    width: 200px; 
    float: left; 
    top: 10px; 
} 

fiddle