移动端吸顶效果

[{"insert":"使用自定义样式 position 制作吸顶效果，如图所示，sticky 表示粘性定位，需要指定 top、left、bottom、right 其中至少一个作为位置值，位置值单位可以为 px 和 %\n\n"},{"insert":{"image":"R10580997-be1ce9c45840741f598fd8baa612344f_6762_267_167.png"}},{"insert":"\n\n设置了粘性定位的元素会在滚动过程中固定于第一个设置了滚动或者剪切的父元素上\n如图所示，将所有文本都设置粘性定位，并给页面1设置了滚动，它们的固定对象就是页面1\n\n"},{"insert":{"image":"R10580997-14a4d3703356fd01f8f243430f030a71_13809_294_339.png"}},{"insert":"\n\n同时，为了防止被元素遮挡，需要给粘性元素设置堆叠次序\n\n"},{"insert":{"image":"R10580997-8b0fb7b879d5b6bcc35f4d3047dc14c7_5083_283_105.png"}},{"insert":"\n\n需要注意的是，当两个粘性元素属于同一个父元素时，后来居上的元素将会覆盖前一个元素；而如果父元素未设置粘性定位，子元素即使设置了粘性定位也会随着父元素一起离开\n\n"},{"insert":{"image":"R10580997-c10dff51532b5555ec7ad2dae5283ae8_8513_249_248.png"}},{"insert":"\n\n最终效果：\n\n"},{"insert":{"image":"R10580997-69d4c8877579d70bab871820a7e1895f_663221_393_538.gif"}},{"insert":"\n\n"}]