pc端 position:fixed滚动页面会产生抖动的有效解决

记录一下今天遇到的问题

页面滚动时监听距离 给元素添加定位 发现滚动页面会产生抖动的效果

.ceiling_fixed {
		position: sticky;
		/* top作用让元素 跳出父盒子 */
		top: -25px;
		/* padding作用 让内容好看丢丢 */
		padding-top: 3px;
		
		z-index: 500;
		/*  unset关键字 */
		overflow: unset;
	}

1. inherit

解释：指定一个属性应从父元素继承它的值。

2.initial

解释：用于设置 CSS 属性为它的默认值。

给父级元素div设置color，对子元素h4的color设置initial，并不受父级div颜色设置的影响，字体颜色是css默认的

的黑色

3.overlay

解释：此值已被弃用

4.revert

解释：让当前元素的样式还原成浏览器内置的样式。

4.unset

解释：不做设置。但是与css是否继承属性相关，如果一个样式是可继承属性，该设置等于inherit;反之如果是非继承属性，则设置等于initial。