解決在 CSS 中，如何實現動態吸頂的樣式/效果 ？

解決方法：使用 position: sticky 做了一個動態吸頂的效果：

 

 

舉例如下：

 

1 未向上滾動頁面之前：

 

 

2 向上滾動頁面之後：

 

 

這樣， “This is tab main”部分的元素，可以一直保持在頁面窗口的頂部。

 

3 具體代碼：這個使用的代碼其實就是 position: sticky, top: xx （閥值）來實現的：

給想要實現吸頂效果的元素加上這兩個屬性即可。

 

 

參考： http://www.ruanyifeng.com/blog/2019/11/css-position.html