Разное поведение navbar на разных страницах - PullRequest
Новая
       5

Разное поведение navbar на разных страницах

0 голосов
/ 03 июля 2018

Я учу себя, как сделать сайт, и в настоящее время у меня возникает следующая проблема: У меня есть внешний файл, содержащий мою панель навигации, которую я включил на всех страницах. Я хочу, чтобы он занимал фиксированную позицию на всех страницах, кроме индекса, где я хочу, чтобы он был закреплен при прокрутке (у меня есть заголовок над ним). Я сделал два класса CSS, и они работают так, как я хочу, но я понятия не имею, как дать ему один класс на странице и один на других. Помогите? (Наверное, яваскрипт, но как?). Спасибо!

1 Ответ

0 голосов
/ 03 июля 2018

Прежде всего, если у вас нет других конкретных способов определить, на какой странице вы находитесь, вы можете получить текущий URL, например: 

const currentHref = window.location.href;

И тогда вы можете применить класс, в зависимости от того, какой URL активен: 

const target = document.getElementById('target-id');

if (currentHref.includes('/page-one')) {
  target.classList.add('class-one');
} else if (currentHref.includes('/page-two')) {
  target.classList.add('class-two');
}

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

...