先放个图看看滑动固顶是啥效果:
image.png
中间那个 tab 条,平常的时候是固定的,等到页面滑上去的时候,又像 fixed 一样贴在顶部。 position: sticky 就是用来实现这个效果的,元素不脱离文档流,仍然保留高度,所以这个属性真是人畜无害啊,而且效果如丝般润滑,堪比原生。
事实上,很多看起来人畜无害的东西,其背后都有一个大坑。
我们的 html 结构是这样的:
<body ontouchstart="">
本文编程笔记首发
📷
给网站挂上新春灯笼,顶部左右两边新年快乐代码。
复制代码放到底部模板文件里面:
给博客加点年味
<style>.ct2 .mn {width:770px;}.ct2 .sd {width:218px;}</style>欢度新春动态灯笼html源码——给博客加点年味