Удалите добавленную ссылку привязки / # из URL после использования

За последний месяц я работал над новым веб-сайтом, основанным на теме WordPress. Сайт представляет собой псевдостраничный дизайн, где основная страница служит главной страницей для информации. Тем не менее, в нем также есть галерея, где вы можете ввести несколько отдельных проектов портфолио, что фактически перенесет вас на другую страницу (и, следовательно, использование «псевдо»). Вот и дизайн и верстка сайта ...

На главной странице сайта я добавил якорные ссылки к различным разделам для простоты использования, которые будут прокручивать / переводить пользователя в нужный раздел по выбору, просто щелкая по меню навигации. Все ссылки работают нормально, но проблема возникает, когда вы вошли в портфолио и вернулись из него.

Эта проблема:

После нажатия на ссылку привязки к URL-адресу «www.example.com/#anchor» добавляется хэштег. Если пользователь переходит на другую страницу, а затем возвращает хэштег / якорь, он повторно активируется и прокручивается до связанного раздела. Это настоящая боль и совсем не удобна для пользователя, поскольку уводит пользователя с того места, где он был.

Я пробовал столько кодов Javascript / JQuery, сколько смог найти, многие с этого самого сайта, но ни один не смог решить проблему ... Мне нужно найти способ эффективно удалить хэштег после использования, чтобы оставить URL снова только с "www.example.com".

Обновлено: Забыл добавить, что мне также нужно иметь возможность щелкнуть меню навигации, находясь в проекте портфолио, и иметь вызов меню, чтобы открыть главную страницу и перенести пользователя в выбранный раздел.

у кого-нибудь есть решение? У меня тут все без идей.

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

Спасибо!

Удалите хэштеги, просто добавьте идентификатор к нажатой ссылке, а затем к цели, затем при нажатии просто стреляйте по этому идентификатору на странице (google, как прокрутить до javascript / jquery)

clearshot66 24.09.2018 19:29

могу ли я просмотреть страницу с проблемой, чтобы понять, о чем вы говорите?

Stakvino 24.09.2018 19:38

Возможный дубликат Как отключить "прыжок" якоря при загрузке страницы?

Ruzihm 24.09.2018 20:09

Спасибо за ваши ответы. Я пробовал использовать для этого JS и JQ, но по какой-то причине это не работает. Пытался вставить коды, которые, как я знаю, работают в Raw HTML, Raw Java и в настраиваемое поле JS / JQ в WordPress, но ни один из них не работал. Я начинаю думать, что это имеет какое-то отношение к порядку, в котором вещи загружаются на сайт, и, следовательно, это связано с иерархией, когда вещи отменяются / записываются - поскольку ничего из того, что я делаю, похоже, не работает. А может я просто все делаю неправильно ...

ViraLicious 25.09.2018 09:03

Хорошо - пробовал разные способы реализации скриптов, которые я нашел, но безуспешно. Я только что попробовал вот этот: abeautifulsite.net/… и этот: stackoverflow.com/questions/6677035/jquery-scroll-to-element‌. Но никто не работает ... Должно быть, я неправильно добавляю JavaScripts или что-то в этом роде.

ViraLicious 25.09.2018 19:04
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
5
221
0

Другие вопросы по теме