position: sticky funktioniert nicht in firefox

Question

position: sticky soll im firefox arbeiten, aber ich sehe nicht meine sidebar stick.

Meine html wie folgt aussieht:

<div class="wrap"> 

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

Meine CSS:

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

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

Als ich mit dem Inhalt der Seitenleiste scrollt nach unten scrollen. Es haftet nicht. Wer weiß, was könnte das Problem sein?

Answer 1

Es klebt, wenn Sie einen top Wert angeben:

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

fiddle