css吸顶(position: sticky；)

2023-12-28 10:56:52

用样式position: sticky;来做吸顶其实很简单，只要在设置一个top属性即可。

.tabs-s{
	position: sticky;
	background: #fff;
	top:60rpx;
	width:100vw;
	height:80rpx;
}

解释下上面的效果：当元素tabs-s滑动到距离顶部60rpx的时候，会“固定”在那个地方，不会随着页面的向上滑动而滑动；但是向下滑动距离顶部小于60rpx的话，那元素tabs-s也会跟着向下滑动

文章来源:https://blog.csdn.net/qq_32707555/article/details/135240787
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。