分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

纯CSS实现吸顶效果

发布时间:2023-09-06 02:18责任编辑:彭小芳关键词:CSS

position的属性有哪些?

{
  position: static;
  position: relative;
  position: absolute;
  position: fixed;

  position: inherit;
  position: initial;
  position: unset;

}

还有一个position的属性值:position: sticky

position: sticky;粘性定位,是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位,之后为固定定位。著作权归作者所有。

注意:

1、position: sticky还是一个实验性的属性值。著作权归作者所有。

2、粘性定位的固定定位并不一定是position:fixed,只有目标元素的任意父元素都没有设置position:relative | absolute | fixed | sticky的情况下,才与position: fixed表现一样。而当其任一父元素设置了position:relative | absolute | fixed | sticky时,目标元素是相对于父元素的固定。

参考来源:http://ghmagical.com/article/page/id/3GkrXEZVxLHK

纯CSS实现吸顶效果

原文地址:https://www.cnblogs.com/xiaojiumei/p/9803223.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved