阅读 203

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

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

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

image.png

image.png

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

文章分类
前端
文章标签