Html CSS粘性位置在手机上无法正常工作

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

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

这在桌面站点上有效，但在移动设备上，我在滚动时得到以下信息： 如右上角所示，按钮向上滚动一点。在此之后，按钮与页面一起滚动

这个问题有什么解决办法吗

#cart {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  right:0;
}

你试过用粘性而不是固定的姿势吗

粘滞元素根据滚动位置在相对和固定之间切换。它是相对定位的，直到视口中满足给定的偏移位置，然后它“固定”在适当的位置（如位置：固定）

你试过用粘性而不是固定的姿势吗

粘滞元素根据滚动位置在相对和固定之间切换。它是相对定位的，直到视口中满足给定的偏移位置，然后它“固定”在适当的位置（如位置：固定）