vue----tabbar吸顶效果,在ios中position:fixed,tabbar会跟着滚动条滑动,然后停止滑动时复位

微信图片_20200608151527.png

这个tabbar原位置处于浏览器中间位置,当它滑动到顶部时,会加上一个class,加上fixed定位在顶部,但是当快速滑动页面时,tabbar会先消失(应该是跟着滚动条跑上去了)然后停止滑动后出现 重新回到定位位置。
下滑的时候就能看到 tabbar跟着滚动条滚动,然后再回弹。
这个情况出现在ios某些浏览器中,有些浏览器没有,有这些情况的浏览器好像都是有自带回弹效果这样子的。

有大佬遇到过这个问题的吗。

阅读 5k
4 个回答

你是根据滚动距离算的么。 你可以试试

position: sticky;
    top: 0;
新手上路,请多包涵

你好 这个问题解决了吗 我也有相同问题 ios中停止滚动才吸顶

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题