垂直滚动后如何具有固定的标题？

Question

我想在垂直滚动一些后使用粘性标题，如下所示：https://www.facebook.com/coliseumproductions/

一旦包含“ Like”，“ Share”和“ Suggest Edits”按钮的标题div触摸浏览器窗口的顶部，它就会显示为粘性标题，并且不会滚动。仅滚动其下方的内容。如何实现呢？

我观察到，当达到所需的滚动位置时，很少在div._1pfm和div._3d9q上应用样式。

提及位置：粘性将标头粘贴到顶部。我希望标题仅在滚动后所需的div到达顶部时才粘贴。

如何确定标头div已到达浏览器的顶部？

Answer 1

可以通过CSS属性position: sticky简单地实现此目的。您不需要任何JavaScript。

请参考以下示例：https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_sticky_element

希望这可以解决您的问题。