CSS吸顶效果

CSS吸顶效果

<div>
	/*吸顶*/
	<div class="sticky sticky-top"></div>
	/*吸底*/
	<div class="sticky sticky-bottom"></div>
</div>

style中写

.sticky{
    position: -webkit-sticky;
    position: sticky;//相对于父元素
    width: 100%;
    height: 40px;
    z-index: 1;
    background-color: #fff;
}
.sticky-top {
    top: 0;
}
.sticky-bottom{
    bottom:0
}