固定侧边栏效果
右侧的侧边框,一直处于与主旨部分平行或者在下拉时处在最在上
<style>
.w{
width: 70%;
margin: 0 auto;
margin-top: 10px;
}
.header{
height: 100px;
background-color: rgb(248, 87, 87);
}
.banner{
height: 200px;
background-color: rgb(241, 194, 202);
}
.main{
height: 1267px;
background-color: rgb(230, 173, 88);
}
.slider-bar{
height: 200px;
width: 70px;
position: absolute;
background-color: palegoldenrod;
left: 85%;
top: 330px;
}
.goBack{
display: none;
position: absolute;
bottom: 0;
}
</style>
<body>
<div class="header w">头部区域</div>
<div class="banner w">banner区域</div>
<div class="main w">主旨部分</div>
<div class="slider-bar">
<span class&#