Javascript 粘性导航复制标题背景图像并使其跳跃

当我开始向下滚动并到达粘性导航可见的点时，我遇到了一个问题，它似乎从标题创建了背景的副本并使标题跳转，但它应该移动到下一部分。是CSS还是JS相关的问题

请参阅包含的完整代码：

CSS代码

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 9999;
}

.sticky .main-nav { margin-top: 22px; }

.sticky .main-nav li a:link,
.sticky .main-nav li a:visited {
    padding: 14px 0;
    color: #f0f0f0;
    font-size: 100%;
}

.sticky .logo { 
    display: block;
    height: 29px;
    margin: 15px 0;
}

多谢各位

---

Peter

给出以下超链接

显示：inline block

，它将停止跳转：

<a href="#" target="_blank" class="app-store-btn"><img src="resources/css/img/app-store-btn.svg" alt="App Store Button"></a>

---

给出以下超链接

显示：inline block

，它将停止跳转：

<a href="#" target="_blank" class="app-store-btn"><img src="resources/css/img/app-store-btn.svg" alt="App Store Button"></a>

不幸的是，它保持不变。你还有什么其他建议吗？不幸的是，它仍然是一样的。你还有其他建议吗？