posizione: appiccicoso non funziona in firefox

Question

posizione: sticky si dice che funzioni in firefox ma non vedo il mio stick della barra laterale.

mio html si presenta così:

<div class="wrap"> 

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

mio css:

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

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

Come ho scorrere verso il basso i rotoli barra laterale con il contenuto. Non si attacca. Qualcuno sa quale potrebbe essere il problema?

Answer 1

Si attacca se si specifica un valore top:

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

fiddle