【问题标题】:Sticky nav duplicating header background image and making it jump粘性导航复制标题背景图像并使其跳转
【发布时间】:2017-11-05 06:36:15
【问题描述】:

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

谢谢

彼得

【问题讨论】:

    标签: javascript html css


    【解决方案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>
    

    【讨论】:

    • 不幸的是,它保持不变。您还有其他建议吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-13
    • 2015-07-19
    • 1970-01-01
    • 1970-01-01
    • 2015-05-14
    • 2013-12-11
    相关资源
    最近更新 更多