CSS 粘性位置在移动设备上无法正常工作

Question

我的 OpenCart (2.3.0.2) 网站上有一个带有粘性购物车按钮的按钮。这个想法是只有一个页面可以订购（只有几个三明治，不需要类别和产品页面），所以我添加了一个位于页面右上角的购物车按钮：

#cart {
    position: fixed;
    top: 0;
    right: 0;
}

这适用于桌面网站，但在移动设备上滚动时我会得到以下信息： 正如您在右上角看到的，该按钮向上滚动了一点。此后按钮将随页面滚动。

这个问题有解决办法吗？

Answer 1

这与Chrome 移动设备上固定的位置导致元素向上/向下滚动时移动的问题有关

解决方案：

<meta name="viewport" content="minimum-scale=1">