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

当我开始向下滚动并到达粘性导航变得可见时，我遇到了一个问题，它似乎是从标题创建背景的副本并使标题跳转，但是应该移至下一部分。是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;
}

谢谢

彼得

最佳答案

提供以下超链接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>

关于javascript - 粘性导航复制标题背景图像并使其跳转，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44352817/