CSS实现吸顶效果

405 阅读1分钟

效果图如下

示例组件代码

原理

style:"position:sticky;top:0"

兼容性

拓展

1.将head/tab/list封装成slot,加入手势就可以封装成一个简易的简介说明组件了

2.position:sticky配合left/top/right/bottom可以实现表格表头的锁定等功能