位置:据称粘性在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;
}
当我向下滚动时,侧栏会滚动显示内容。它不粘。有人知道这可能是什么问题吗?
如果你指定一个top
值,它将粘贴:
.sticky{
position: -webkit-sticky; /* for safari */
position: sticky;
width: 200px;
float: left;
top: 10px;
}
当您将粘滞的东西放在其他东西下面时,这将不起作用:jsfiddle.net/3qoe0wd0/44我正在使用Firefox 50.1.0
@ChrisSmith您的小提琴中的html标记已损坏。这可能是一个问题。div标签未在内容类上关闭。