## sticky-header ### sticky-header使用场景 1. 父元素滚动过程中，某个元素有固定到父元素顶部的需求需求其实就是元素吸顶。可将需要吸顶元素放入sticky-header组件中，sticky-header组件作为父元素的子元素，放到吸顶元素原来的位置即可。 **示例：** ```html

向上滑动页面，体验sticky-header吸顶效果。

itme-content-{{index}}

``` **注意** + sticky-header组件不支持css。仅支持padding属性控制子元素位置。其他排版需求要交给子元素实现 + 同时存在多sticky-header组件请使用sticky-section组件充当父容器控制吸顶业务 ## sticky-section ### sticky-section使用场景 1. 父元素滚动过程中，多个元素有固定到父元素顶部的需求。父元素中多个元素吸顶需要使用sticky-section组件。sticky-section组件作为sticky-header组件的父容器。sticky-section组件会控制子元素的滚动吸顶业务。sticky-section组件之间可通过push-pinned-header属性控制吸顶重叠时是否上推。 **示例：** ```html

sticky-header吸顶--{{sectionId}}

itme-content-{{index}}

``` **注意** + sticky-section组件支持存放多个sticky-header子组件，多个sticky-header滚动吸顶时，后一个sticky-header会停靠在前一个sticky-header的末尾处, 仅限于同一个sticky-section父容器。多个sticky-section吸顶停靠通过push-pinned-header控制。 + sticky-section组件是虚拟组件不会真实渲染。仅支持padding属性控制子元素位置。其他排版需求要交给子元素实现