Warm tip: This article is reproduced from serverfault.com, please click

css-位置:粘滞在Firefox中不起作用

(css - position: sticky not working in firefox)

发布于 2014-12-17 08:59:52

位置:据称粘性在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;
}

当我向下滚动时,侧栏会滚动显示内容。它不粘。有人知道这可能是什么问题吗?

Questioner
Elfy
Viewed
0
nice ass 2014-12-17 17:08:36

如果你指定一个top值,它将粘贴

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

小提琴