什麼是位置的替代：粘？

根據頭寸屬性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

回答