滚动部分而不更改网址，也无需＃

Question

我在滚动首页html部分时遇到问题

这是场景

“红色圆圈”中有菜单

如果我向下滚动...

网址保持不变...如果我在菜单中单击，则显示以下内容：

我想如果我单击“ Azienda”，我会到达类似于第二张图片的区域

但是呢？我有两个不同的页面，菜单页面和主页页面

这是菜单的代码：

<div class="menu">
<span class="close-menu icon-cross2 right-boxed"></span>
<div class="menu-lang right-boxed">
    <!--<a href="http://localhost:8888/" class="active">Ita</a>-->
    <!--<a href="http://localhost:8888/en">Eng</a>-->
</div>
<ul class="menu-list right-boxed">
    {{ relate:header_content:menu }}
    <li class="active">
        {{ if title=="Azienda" }}
        <!--<a  href="{{ url }}">{{ title }}</a>-->
        <a href="">{{ title }}</a>

        {{ elseif title}}
        <a  href="{{ url }}">{{ title }}</a>
        {{ /if }}
    </li>
    {{ /relate:header_content:menu }}
</ul>

这是主页部分的代码：

<div class="pp-scrollable text-white section section-7">
    <div class="scroll-wrap">

        <div class="section-bg" style="background-image:url('{{ section_five_background }}'); -webkit-filter: brightness(50%);"></div>

        <div class="scrollable-content">
            <div class="vertical-centred">
                <div class="boxed boxed-inner">
                    <div class="vertical-title hidden-xs hidden-sm"><span>{{ section_five_vertical_title }}</span></div>
                    <div class="boxed">
                        <div class="container">
                            <div class="intro">
                                <div class="row">
                                    <div class="col-md-6 col-lg-5">
                                        <span class="icon-quote ion-quote"></span>
                                        <h2 class="title-uppercase text-white">{{ section_five_quote }}</h2>
                                    </div>
                                    <div class="col-md-5 col-lg-5  col-md-offset-1 col-lg-offset-2">
                                        <div class="review-carousel owl-carousel">
                                            {{ section_five_experiences }}
                                            <div class="review-carousel-item">
                                                <div class="text">
                                                    <p>{{ experience_text }}</p>
                                                </div>
                                                <div class="review-author">
                                                    <div class="author-name">{{ experience_person }}</div>
                                                    <i>{{ experience_company }}</i>
                                                </div>
                                            </div>
                                            {{ /section_five_experiences }}
                                        </div>

有人可以帮助我吗？我是一个关于statamic laravel和这类问题的新手

我希望我写得好 非常感谢