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

Question

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

请查看完整的包含代码:

https://codepen.io/pipistrellonetopier/pen/yXLGjo

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;
}

谢谢

彼得

Answer 1

给出以下超链接display:inline-block，它将停止跳转:

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