Якорные ссылки переходят к разделу, а затем переходят к началу страницы? - PullRequest
Новая
       7

Якорные ссылки переходят к разделу, а затем переходят к началу страницы?

0 голосов
/ 06 февраля 2019

У меня есть три ссылки на целевую страницу, но только одна будет работать одновременно.Если я нажимаю на одну из трех ссылок, страница прокручивается до нужного раздела, и все работает нормально.Но если я прокручиваю обратно наверх и нажимаю одну из других ссылок, страница переходит на правый раздел на секунду, а затем снова наверх.

Я дважды проверил, что мои идентификаторыправильно и что я не использую идентификаторы.У меня есть плагин начальной загрузки.

вот моя навигационная панель: 

<ul class="nav mr-5">
    <li class="nav-item">
      <a class="nav-link nav-link-size" href="#thefeatures"><strong>Features</strong></a>
    </li>
    <li class="nav-item">
      <a class="nav-link nav-link-size" href="#prices"><strong>Pricing</strong></a>
    </li>
    <li class="nav-item">
      <a class="nav-link nav-link-size" href="<%=new_user_session_path%>"><strong>Log in</strong></a>
    </li>
  </ul>
</nav>
<div class="container">
  <div class="row">
    <div class="col-lg-7">
      <div class="landing-trap landing-margin">Know what laws are being passed.</div>
      <div class="landing-trap-2">Fast, simple tracking. Never miss a bill again.</div>
      <div class="h5 pt-5 white-text">Proposed Committee Substitute Tracking Coming Soon!</div>
      <a class="btn btn-white" href="#pcs">Learn More</a>
    </div>

и вот куда идут теги ... 

<section class="bg-offwhite" id="thefeatures">
<div class="container">
  <div class="landing-marketing-heading"><strong>Keep up with the North Carolina General Assembly</strong></div>
  <div class="landing-marketing-subtext">If you can track your dog with your phone, you should be able to track state legislation.</div>

<section class="bg-offwhite" id="pcs">
<div class="container pt-5">
  <div class="card mx-auto" style="width: 70%;">
    <div class="card-body">

<section class="section pb-5 bg-offwhite" id="prices">
<div class="container">
  <h1 class="text-center mb-3 dark-grey-text"><strong class="font-weight-bold">Pricing</strong></h1>
  <p class="text-center grey-text w-responsive mx-auto mb-5">
  Modern, smart, and easy tracking for everyone. Free basic tracking for the public. Discounts for nonprofits.</p>
  <div class="row mx-auto">

Я чувствую себя такдолжен работать, но, может быть, есть кое-что, чего я не понимаю, о том, как должны работать якорные ссылки.

Любая помощь по поводу того, почему мои ссылки заставляют страницу прыгать вниз и затем снова подниматься, очень ценится.

...