2oe

  近日,在小程序中使用sticky定位实现吸顶效果,不料入了一个大坑。

  定位后,距离有position: relative;的上级元素有个1px大小的缝隙条,透过缝隙,滑动时可看到定位标题下的内容。

  此bug是在解决兼容时在小米手机上出现的

    

 

 

  解决方案:

    使用:box-shadow: 0 -1px #fff;

  轻松解决定位缝隙的问题。

  注意: 看自己的背景色是啥,颜色可自定义。

    

posted on 2019-11-20 16:19  2oe  阅读(1735)  评论(0编辑  收藏  举报