粘性定位,定位到相同位置后覆盖前,怎么解决优化

粘性定位
我把搜索这一块都做了粘性定位,

img

img

让搜索划过导航区再出现,
导航这一部分我加了绝对定位,定位到相同位置,后不是会覆盖前面么,可我的为啥会半覆盖

img


会出现这种情况,怎么解决
我想让导航区完全划过去之后,搜索区域再出现,而不是只出现一半,怎么解决呢

半覆盖是因为这两个的z-index不一样,你把导航区z-index设高就能覆盖搜索区。
至于让导航区完全划过去之后,搜索区域再出现,这个可能得借助js判断导航区是否完全划过去了

父框的position设置下 父框的定位绝对,里面随便了

可以尝试用z-index把导航区置底

用z-index方法将这块置上

1、zindex是否过低,2、是否设置了overflow: hidden;,3、定位是否冲突

子绝父相 z-index

z-index