vị trí: dính không hoạt động trong firefox

Question

vị trí: dính được cho là đang hoạt động trong firefox nhưng tôi không thấy thanh bên của mình.

html của tôi trông như thế này:

<div class="wrap"> 

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

css của tôi:

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

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

Như tôi đã di chuyển xuống cuộn sidebar với nội dung. Nó không dính. Bất cứ ai biết điều gì có thể là vấn đề?

Answer 1

Nó dính nếu bạn chỉ định một giá trị top:

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

fiddle