position: sticky滑动一定长度/一半后失效

编程教程 > WEB > CSS (30) 2025-03-01 10:32:34

问题概述

position: sticky 滑动一定长度后失效,position: sticky滑动一半失效,position: sticky 滑动失效解决

问题解决

检查使用position: sticky 属性的元素的父元素,是否设置了height属性。

删除父元素的height属性即可解决

position: sticky使用参考

.bs-toolbar{
   position: sticky;
   height: 42px;
   box-sizing: border-box;
   padding: 5px 0;
   top: 0;
   background: #fff;
   z-index: 1005;
}

 


评论
User Image
提示:请评论与当前内容相关的回复,广告、推广或无关内容将被删除。

相关文章
问题概述position: sticky 滑动一定长度后失效,position: sticky滑动一半失效,position: sticky 滑动失效解决问题解