Question

我正在使用sticky.js来完成粘贴标头。一切正常，除非我向下滚动，标题向上移动约10-20像素，向左移动约10-20像素。我不确定我做错了什么，但如果有人知道为什么会这样，我真的很感激帮助。

以下是正在进行中的网站http://barret.co/dad/services.html的链接。

任何帮助或建议表示赞赏。

Answer 1

要对抗垂直移动，您必须指示sticky.js（如果可能，无法分辨）将.sticker的顶部设置为10像素（＆lt; aside＆gt;元素的顶部填充），不是0。

然后：徽标图像的CSS应更改为以下内容：

#logo {
    margin-left: 5%;
    margin-bottom: 25%;
    margin-top: 20px;
}

我删除了

display: block;
max-width: 100%; 
margin: auto;

你可以看到

您必须使用左边距值来定位它以符合您的喜好。

然后：由于.sticker元素的宽度为百分比，因此元素的实际宽度在变为“固定”时会发生变化。这是因为该元素现在被视为视口的子元素而不是html父元素。这会将您的内容从310调整到大约273像素。设置适合您设计的.sticker元素的宽度（百分比）。

希望它有所帮助！