position: sticky;页面滚动实现吸顶效果

·  阅读 1075

滚动页面到某一个元素的位置的时候,改元素实现吸顶效果

在项目中使用如图的标题吸顶效果很常见,这里实现一个属性就可以解决的方案. 滚动2.gif

image.png

image.png

只要在需要实现吸顶效果的元素的上添加position: sticky; 属性,就可以实现相应的效果

分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改