position之sticky,让某些元素在滚动一定距离之后固定在某个位置

position:sticky

作用:relative+fixed的结合,制造出吸附效果。

再向上滚动页面的时候,有时我们想让某些元素在滚动一定距离之后固定在某个位置,这个时候就可以用这种定位方式。

效果:

滚动前:

position之sticky,让某些元素在滚动一定距离之后固定在某个位置_第1张图片

滚动后:

position之sticky,让某些元素在滚动一定距离之后固定在某个位置_第2张图片 

代码:



	
		
		
				
	
	
		
这是一行文字
这是要固定的部分

主题部分


主题部分


主题部分


主题部分


主题部分


主题部分


主题部分


主题部分


主题部分


主题部分


 

你可能感兴趣的:(寒假前端)