Question

我在一个网站上工作，在点击时滚动到特定部分，但我使用固定的导航栏，部分的标题在点击时丢失。如何让该部分出现在特定的地方？示例www.pangeaplustst.com

Answer 1

这里的简单解决方案..避免标题在您的网站中失去焦点。

删除填充：75px 0;在.page-section。

删除部分ID并将其提供给其中的新空白DIV 。

在每个部分中使用 id 创建一个新的空白DIV 并将其设为position:absolute, z-index:2, top:-150px, height:150px

检查以下代码

<section class="page-section">

<div id="projects" style="
    height: 150px;
    z-index: 2;
    position: absolute;
    top: -150px;
"></div>

// Add the above div to every Section

    <div class="container">  
       <div class="section-title text-center">
            <!-- Title -->
            <h2 class="title">Projects</h2>
        </div> .......

滚动到点击部分（需要填充）

1 个答案: