我在我的OpenCart（2.3.0.2）网站上有一个带有粘性购物车按钮的按钮。这个想法是只有一个页面可以订购（只有几个三明治，不需要类别和产品页面），所以我添加了一个购物车按钮，停留在页面的右上角：
#cart { position: fixed; top: 0; right: 0; }
这在桌面网站上是有效的，但在移动的上，我在滚动时得到以下结果：正如你在右上角看到的，按钮向上滚动了一点。是否有此问题的修复程序？
14ifxucb1#
这与Position fixed on chrome mobile causing element to move on scroll up/down上的问题有关解决方案：
<meta name="viewport" content="minimum-scale=1">
a14dhokn2#
#cart { position: -webkit-sticky; /* Safari */ position: sticky; top: 0; right:0; }
你有没有试过固定而不是粘在一起的姿势？粘性元素根据滚动位置在相对和固定之间切换。它是相对定位的，直到在视口中遇到给定的偏移位置-然后它“粘”在适当的位置（如位置：固定）。
oknwwptz3#
这是第一个出现的“* 位置粘滞不工作的移动的 *”但只有这样才能帮我解决问题：
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi">
3条答案
按热度按时间14ifxucb1#
这与Position fixed on chrome mobile causing element to move on scroll up/down上的问题有关
解决方案：
a14dhokn2#
你有没有试过固定而不是粘在一起的姿势？
粘性元素根据滚动位置在相对和固定之间切换。它是相对定位的，直到在视口中遇到给定的偏移位置-然后它“粘”在适当的位置（如位置：固定）。
oknwwptz3#
这是第一个出现的“* 位置粘滞不工作的移动的 *”
但只有这样才能帮我解决问题：