当固定高度的scroll-view遇到sticky定位/sticky的特性

目的

给table表格设置表头固定，使用position:sticky;便可轻松实现

问题

给srcoll-view设置了高度，一旦表头滚动超过了该高度，sticky定位就会失效

      就像以上这种情况

解决

在scroll-view下嵌套一个view标签

代码

产品规格
产品数量
产品单位
产品品牌
产品报价
清除




{{ item.productSpecs }}
{{ item.productCount }}
{{ item.productUnit }}
{{ item.productBrand }}
{{ item.productPrice }}

查看

归纳

sticky的特性：

• 1.sticky不会触发BFC，
• 2.当父元素的height：100%或者固定值时，页面滑动到一定高度之后sticky属性会失效。
• 3.父元素不能有overflow:hidden或者overflow:auto属性。
• 4.父元素高度不能低于sticky高度，必须指定top、bottom、left、right4个值之一。

参考

https://developers.weixin.qq.com/community/develop/article/doc/000202ebeb046859fc99548c756813