I'm Sham
一个尝试做码农的行政文员

CSS制作侧边悬浮窗口

这个是很多年前自己做的一个CSS版漂浮侧边栏,通过简单的CSS就能实现。
其实很简单,就是通过设置图层的固定位置,来实现悬浮,主要的CSS是这几个:

这个可以自己设置值来调节,比如宽高,上中下等等。

为了让效果更好,能自动隐藏,就还需要继续丰富代码,下面是完整代码:

具体效果可以看图片,或者去我的回忆演示站看下。

其实很多网站浮动在右下角的返回到顶部的功能,应该通过这个也可以实现,只是把链接定位到某个位置或者换成#就可以了,不过Sham没有去使用,因为主题已经带了,如果大家感兴趣,可以去自行开发下。

赞(0) 赏杯咖啡!
未经允许不得转载:Sham@双目瞿 » CSS制作侧边悬浮窗口
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

如果你觉得文章好,请赏1杯速溶咖啡给Sham吧!

微信扫一扫打赏