Я разместил гибкую панель навигации, которую нашел на CodePen ! на моем сайте.
Это дает некоторые JS для размещения с этим. После добавления панели навигации любые якорные теги не работают.
Я обнаружил, что проблема заключается в JavaScript, который загружается при загрузке страницы.
Вот код javascript от этой ручки.
(function() {
// Definition of caller element
var getTriggerElement = function(el) {
var isCollapse = el.getAttribute('data-collapse');
if (isCollapse !== null) {
return el;
} else {
var isParentCollapse = el.parentNode.getAttribute('data-collapse');
return (isParentCollapse !== null) ? el.parentNode : undefined;
}
};
// A handler for click on toggle button
var collapseClickHandler = function(event) {
var triggerEl = getTriggerElement(event.target);
// If trigger element does not exist
if (triggerEl === undefined) {
event.preventDefault();
return false;
}
// If the target element exists
var targetEl = document.querySelector(triggerEl.getAttribute('data-target'));
if (targetEl) {
triggerEl.classList.toggle('-active');
targetEl.classList.toggle('-on');
}
};
// Delegated event
document.addEventListener('click', collapseClickHandler, false);
})(document, window);
Я хочу эту навигационную панель на странице, но с рабочими ссылками. Любая помощь будет оценена.
РЕДАКТИРОВАТЬ 1 ::
Теперь я использую альтернативную навигационную панель.
Вы можете проверить это Здесь !