CSS滑动到某位置元素固定住不动或滚动到顶部然后固定

此代码为纯CSS的基本样式，进阶方法查看：点击前往查看

其实只需要用position:sticky就够了，然后用top在设置距顶位置即可。

position: -webkit-sticky; /* 使Safari浏览器兼容 */
position: sticky; /* 基于用户的滚动位置来定位 */
z-index:9999; /* 设置不被其他元素遮掩 */
top: 30px; /* 距顶 */

 

运行DEMO