sticky设置了top但还是有大约1px空隙
如图,顶部元素设置了sticky,搜索框也同时设置了sticky,但是中间还是有一点空隙
解决方案一:
header 的 top=0
search 的 top = header 的 top-1
问题:
滑动到顶 sticky 时会跳动
解决方案二:
(找css快眼瞎了,终于定位到原因了)
header 有个 box-shadow
去掉 box-shadow 后就好了
完美融合!
还有第三种方案:
把 header 和 search 放在同一个sticky的元素中,这个是改别人的代码,懒得动大结构了,就这样吧==