Javascript 移动粘性块时文档自动滚动

我的网站上有一个粘性块。它有3个条件：

• 默认情况下，此块位于页眉的静态位置
• 当视口的bootom到达块的顶部时，它会变粘（始终保持在屏幕的底部）
• 当视口的bootom到达页脚的顶部时，块将变为静态块，但它将插入页脚之前

问题 Android Chrome上的功能工作不正确：当块固定在页脚之前（我们滚动到文档底部）时，我们滚动到顶部（块变粘），文档滚动到文档的中间（whaaat）。它就像是相对于

main

块中的某些块进行定位。为什么会这样？在电脑chrome上，一切看起来都很好

代码（

buttonsBlock

是粘性的）：

HTML

<header class="header">
  <div class="button-320"><>
</header >
<main></main>
<footer></footer>

---

答案是在

标题中添加以下短语：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

那代码看起来很奇怪。什么是
页脚
和
页眉
类？当用户滚动时，当整个页面小于
warrantyTop
时，按钮面板是否应该粘在顶部，当页脚在屏幕上时，按钮面板是否应该粘在底部？
<header class="header">
  <div class="button-320"><>
</header >
<main></main>
<footer></footer>

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">