粘性定位 sticky 相当于相对定位 relative 和固定定位 fixed 的结合；在页面元素滚动过程中，某个元素距离其父元素的距离达到 sticky 粘性定位的要求时；元素的相对定位 relative 效果变成固定定位 fixed 的效果。

使用方法很简单：

<div class="sticky">
	<div class="tab">
		这里是滚动吸顶栏
	</div>
</div>

CSS 代码

.sticky {
	position: sticky;
	top: 70px;
	background-color: #fff;
	z-index: 999;
}

兼容性

注：也可以使用 getBoundingClientRect （用于获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置） 来实现