什么是位置的替代：粘？

根据头寸属性MDN article，position: sticky仍然是一个实验性的API。任何版本的Internet Explorer也不支持它。所以，什么是位置的替代：粘？

有没有什么办法可以实现与使用或不使用javaScript的position: sticky相同的效果？

我认为有可能通过position: fixed获得这个效果，而且没有javascript。因为在这篇文章中关于MDN page的部分的行为完全像位置粘性应用到它。即使我禁用了javaScript，它也能正常工作。我发现检查元件通过MDN所使用的标记是如，

<div style="width: auto; max-height: none; top: 0px;" id="toc" class="toc toggleable"> ... 
</div>

当我向下滚动的向上标记改变为包括容器div上fixed类。我不知道如何在不使用javascript的情况下添加新类。

2016-04-15 user31782

不适用于js禁用的我，你确定你禁用它后刷新了页面吗？ – Kaiido

@Kaiido我没有。你是对的，它不适用于js禁用。我认为他们使用js，当页面向下滚动以触及'div'时，会添加'fixed'类。 – user31782

在在上MDN本文节fixed类是通过JavaScript切换，我不认为这是可能的切换上滚动一个元素类不诉诸于JavaScript的事件。

2016-04-15 06:17:03 Giuseppe

此外，您还可以使用实现相同的概念粘库：http://sticky.kissui.io/

这是一个Javascript/CSS库和易于使用。一个例子是：

<div data-kui-sticky> 
    Sticky position for this DIV 
</div>

2017-01-18 14:07:47

回答