Переход к указанному c разделу страницы с другой страницы не работает - PullRequest
Новая
       7

Переход к указанному c разделу страницы с другой страницы не работает

0 голосов
/ 11 июля 2020

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

    <li>
        <a href="{{ url('/') }}/#service" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><i
                    class="fas fa-briefcase"></i>Services</a>
    </li>

, и у меня также есть цель, определенная на моей целевой странице, как показано ниже 

<div class="service-wrapper" id="service" name="service">..</div>

, а также пробовал с тегом привязки

для разработчиков, отличных от laravel - {{ url('/') }}/#service дает этот URL-адрес (с целевым anchorId) http://127.0.0.1: 8000 / # service

этот раздел перемещается по той же странице (я имею в виду работу (перемещение ) нормально на целевой странице), но когда я пытаюсь ввести go в этом разделе с другой страницы (так как я добавил страницу блога и хочу перейти отсюда в служебный раздел целевой страницы портфолио) с помощью http://127.0.0.1:8000/#service этой ссылки (которую я Предположим, это способ навигации по разделу привязки с другой страницы) не ведет к этому конкретному разделу (он просто переходит на эту домашнюю страницу, как обычная гиперссылка, но не в указанный раздел (#service)). следовательно, как я могу go перейти в этот раздел c с другой моей страницы? Мне не хватает js? или laravel функция?

может кто-нибудь мне помочь с этим, пожалуйста

1 Ответ

0 голосов
/ 11 июля 2020

ВАЖНО

Я понимаю, в чем ваша проблема. Якоря используются только страницей, а не всей веб-страницей. Чтобы сделать то, что вы делаете, ссылка должна быть не page.com/#service, а page.com/page.html#service, чтобы найти правильную страницу для go to.

Выполнение этого с помощью page.com/#service работает только для страницы, потому что page.com/ перенаправляет на page.com/index.html, поэтому на самом деле это означает page.com/index.html#service.

Вместо использования тега привязки вы можете добавить идентификатор в свой заголовок, например: 

<!-- In page to go to -->
<h1 id="services">Services</h1>

, а затем связать его с идентификатором: 

<!-- In page with link -->
<a href="page.html#services">Services</a>
...