【真案例学CSS】css 实现吸顶(悬浮)效果

我们要实现的就是右边的【参加挑战】按钮的效果,它会悬浮在手机屏幕的某个位置


最终效果

要实现这个效果其实很简单,几行代码搞定。该按钮的css样式加如下代码:

position: fixed;
bottom: 113upx;
right: 32upx;

解释: 起到关键作用的是position: fixed这行代码,然后通过left,right,top,bottom设置其悬浮的位置。

你可能感兴趣的:(【真案例学CSS】css 实现吸顶(悬浮)效果)