javascript - position:fixed使元素保持底部，为什么手机上却依然跟随滑动，直到松开手指？【gif】

Question

我想通过position:fixed使元素保持底部，为什么手机上却依然跟随滑动，直到松开手指？

在电脑上是没有问题的，会始终固定在底部，但在手机上是这样子的：

为什么松开手指，它才会回到底部？

另外由于路由转场需要，fiexd元素的父元素是absolute固定定位，是这个原因造成的吗？

我该怎么解决?

Answer 1

不建议使用fixed定位，应该用absolute，具体参考weui的tabbar

Answer 2

你可以加上CSS3的属性：

    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);