关于css:解决在-CSS-中如何实现动态吸顶的样式效果

解决办法:应用 position: sticky 做了一个动静吸顶的成果:

举例如下:

1 未向上滚动页面之前:

2 向上滚动页面之后:
这样, “This is tab main”局部的元素,能够始终放弃在页面窗口的顶部。

3 具体代码:这个应用的代码其实就是 position: sticky, top: xx (阀值)来实现的:
给想要实现吸顶成果的元素加上这两个属性即可。

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理