css设置特定区域不随滚动条滚动

发布时间:2019-11-29编辑:脚本学堂
分享一段css代码,设置页面中的指定区域不随滚动条而滚动,类似现在流行的悬浮效果,有需要的朋友参考下。

本节内容:
在css中设置特定区域不随滚动条滚动的方法。

例子,css代码:
 

复制代码 代码示例:
.area1{  
 top: 0; 
 width: 100%;  
 position: fixed;  
 _position: absolute; 
 z-index: 999;  
 background-color: white; 
}   // www.jb200.com
.area2{  
 width: 100%; 
 position: relative;  
 top: 85px;  
}  

代码说明:
area1固定,area2可滚动,且滚动至area1区域时内容被覆盖(将背景颜色去掉可共存)。