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

Question

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

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

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

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

我该怎么解决?

Answer 1

It is not recommended to use fixed positioning. Absolute should be used. For details, please refer to weui's tabbar

Answer 2

You can add CSS3 attributes:

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