html - CSS Sticky 位置在移动设备上无法正常工作
问题描述
我的 OpenCart (2.3.0.2) 网站上有一个带有粘性购物车按钮的按钮。这个想法是只有一个页面可供订购(只有几个三明治,不需要类别和产品页面)所以我添加了一个购物车按钮,该按钮位于页面的右上角:
#cart {
position: fixed;
top: 0;
right: 0;
}
这适用于桌面网站,但在移动设备上滚动时我得到以下信息: 正如您在右上角看到的那样,按钮向上滚动了一点。在此之后,按钮随页面滚动。
是否有任何解决此问题的方法?
解决方案
这与chrome mobile 上的 Position fixed 导致元素在向上/向下滚动时移动的问题有关
解决方案:
<meta name="viewport" content="minimum-scale=1">
推荐阅读
- r - 在 dplyr 管道中,以编程方式重命名列(左侧和右侧)
- sql-server - 无效的列名和无法在 WHERE 子句中绑定多部分标识符
- r - 检查一个表的字符串是否都包含在另一个表中
- php - TYPO3 9.5.3 / Extbase:后端和前端的时区错误
- symfony - Rollerworks/strength-validator 如何设置
- signals - 信号处理程序每次都会重置
- python - parent_data = find_parent() TypeError: find_parent() 缺少 1 个必需的位置参数:'pid'
- css - iOS上没有页面标题背景图片
- html - SVG - 文本后的内联位置元素
- c# - 防止起始页崩溃