Go вернуться к index.php / о с внешнего сайта - PullRequest
1 голос
/ 22 марта 2020

У меня есть одностраничный сайт с 3 другими сайтами href = "other. html", вы можете увидеть его на панели навигации. В выпадающем меню из панели навигации вы можете увидеть, что есть «внешние» сайты. Когда я нахожусь на этом "внешнем" сайте и хочу go вернуться к "index.php # about", как я могу это сделать. Дело в том, что когда пользователь на "внешнем" сайте нажимает на ссылку о том, что он переходит на index.php # about, а не только на index. php

Thx

       <nav class="navbar fixed-top navbar-expand-lg navbar-dark scrolling-navbar" id="navspy">
  <a class="navbar-brand" href="#page-top" data-scroll>AR PhotoArt</a>
  <button class="navbar-toggler first-button" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <div class="animated-icon1"><span></span><span></span><span></span></div>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav ml-auto smooth-scroll">
      <li class="nav-item">
        <a class="nav-link" href="#about" data-scroll>LebensArt</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#studio" data-scroll>ArbeitsArt</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#portfolio" data-scroll>LichtArt</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-scroll-ignore>
          Mehr
        </a>
        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="other1.html">Anleitung</a>
          <a class="dropdown-item" href="other2.html">Wettbewerb</a>
          <a class="dropdown-item" href="other3.html">Kurs</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#kontakt" data-scroll>Kontakt</a>
        </div>
      </li>
    </ul>
  </div>
</nav>

Ответы [ 2 ]

1 голос
/ 22 марта 2020

Я предполагаю, что вы говорите о функциях back, forward и refre sh в браузере.

Я включил одно возможное решение в jQuery (не уверен, что вы используете jQuery tho )

Кроме того, решение javascript взято из ответа SO ниже ....

{ ссылка }


ОБНОВЛЕНИЕ

Итак, с кодом jQuery, который вы сказали, нужно сместить на 49, вот что вы хотите сделать с этим:

$(window).on('hashchange', function () 
{
    var top = $(window.location.hash).offset().top;
    top += 49;
    $(window).scrollTop(top);
});

jQuery

$(window).on('hashchange', function () 
{
    var top = $(window.location.hash).offset().top;
    $(window).scrollTop(top);
});

Javascript

document.addEventListener("DOMContentLoaded", function() {
  var links = document.getElementsByTagName("A");
  for(var i=0; i < links.length; i++) {
    if(!links[i].hash) continue;
    if(links[i].origin + links[i].pathname != self.location.href) continue;
    (function(anchorPoint) {
      links[i].addEventListener("click", function(e) {
        anchorPoint.scrollIntoView(true);
        e.preventDefault();
      }, false);
    })(document.getElementById(links[i].hash.replace(/#/, "")));
  }
}, false);
0 голосов
/ 22 марта 2020

Добавьте sla sh /index.php в URL перед вашим именем файла.

<a class="nav-link" href="/index.php#about" data-scroll>LebensArt</a>

А эту ссылку редактировать вот так

<a class="dropdown-item" href="/other1.html">Anleitung</a>
<a class="dropdown-item" href="/other2.html">Wettbewerb</a>
<a class="dropdown-item" href="/other3.html">Kurs</a>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...