Я пытаюсь заставить загрузчик работать с прокруткой, я хочу нажать на кнопку «узнать больше здесь», чтобы перейти к контейнеру с id = «Personal Franchise», но он не работает. Я выполнил действия, указанные на странице Bootstrap, но у меня это не работает. Кто-нибудь может мне помочь? Вот что я сделал:
<div style="position: fixed; margin-top: 50%; margin-left: 0; z-index: 1000; background-color: black;">
<img src="../../assets/images/franquicia/botonUnete.png">
</div>
<div class="container-fluid" id="cont-superior" >
<app-nav-bar> </app-nav-bar>
<div class="row d-flex justify-content-center">
<div class="col-12">
<div>
<div class="d-flex justify-content-center" id="cont-franquiciaPersonal">
<div d-flex justify-content-center>
<img class="logo-blanco" src="../../assets/images/franquicia/logo2.png">
</div>
</div>
<h1 class="text-center texto-blanco"> Franquicia Personal </h1>
<div> <p class="text-center texto-blanco" > <span class="helvetica"> Promovemos la marca personal, el emprendimiento y el liderazgo, no solo a través <br> del modelo de negocio, sino mediante las herramientas que le brindamos a todos <br> nuestros consultores. </span> </p> </div>
<div class="text-center">
<a href="" class="btn mt-2" id="boton-blanco" data-toggle="modal" data-target="#modalContactForm">Conoce mas aquí</a>
</div>
</div>
</div>
</div>
<div class="row d-flex justify-content-center">
<div class="col-12" style="margin-top: 150px;">
<div>
<div class="d-flex justify-content-center" id="cont-franquiciaPersonal">
<div d-flex justify-content-center id="logo-">
<img class="logo-blanco" src="../../assets/images/franquicia/logo2.png">
</div>
</div>
<h1 class="text-center texto-blanco"> Franquicia Comercial </h1>
<div> <p class="text-center texto-blanco" > <span class="helvetica"> ¡Vemos al individuo desarrollado en su potencial, evolucionando a la mejora! <br> Estamos frente a la DISRUPCIÓN de las industrias del Real Estate y de la Protección. </span> </p> </div>
<div class="text-center" id="navbar-example3">
<a href="#franquiciaPersonal" class="btn mt-2" id="boton-blanco" data-toggle="modal" data-target="#modalContactForm">Conoce mas aquí</a>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid" data-spy="scroll" data-target="#navbar-example3" data-offset="0" id="franquiciaPersonal" style="position: relative;">
<div class="row">
<div class="col-12 mt-4">
<div>
<div class="d-flex justify-content-center" id="cont-franquiciaPersonal">
<div d-flex justify-content-center id="logo-">
<img src="../../assets/images/franquicia/logoMorado.png">
</div>
</div>
<h1 class="text-center texto-azul mt-4"> Franquicia Personal </h1>
<div class="d-flex justify-content-center mt-2" id="cont-franquiciaPersonal">
<div d-flex justify-content-center id="logo-">
<img src="../../assets/images/franquicia/personas.png">
</div>
</div>
<div> <p class="text-center texto-azul mt-4" > <span class="helvetica"> Modelo de negocio probado <br> Operando con éxito en 4 países </span> </p> </div>
</div>
</div>
</div>
</div>