您的位置:首页技术文章
文章详情页

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

【字号: 日期:2023-06-23 17:29:04浏览:55作者:猪猪

问题描述

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

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

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

为什么松开手指,它才会回到底部?

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

我该怎么解决?

问题解答

回答1:

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

回答2:

你可以加上CSS3的属性:

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

标签: JavaScript