Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 November 12

v

vearodev in Nuxt.js — русскоговорящее сообщество
Alexandr Sachishin
у хрома это встроено в браузер. можно для хрома в цсс прописать "overflow-anchor: none;"  либо при нажатии на кнопку насильно делать скролл к тому месту где была кнопка. let scrollPosition = el.getBoundingClientRect().top + window.scrollY; window.scrollTo(0, scrollPosition)
офигеть, overflow-anchor: none; работает,
источник

v

vearodev in Nuxt.js — русскоговорящее сообщество
вообще не знал
источник

AL

Andrey Lunar in Nuxt.js — русскоговорящее сообщество
товарищи, подскажите пож идею как реализовать меню с подменю, где некоторые пункты не осуществляют переход а просто раскрывают дропдаун? Возникла проблема как раздавать active классы с подсветкой не на nuxt-link
источник

AL

Andrey Lunar in Nuxt.js — русскоговорящее сообщество
К примеру:
nuxt-link Главная
nuxt-link О нас
div Контакты
      nuxt-link страница контактов 1
      nuxt-link страница контактов 2
источник

AS

Alexandr Sachishin in Nuxt.js — русскоговорящее сообщество
Andrey Lunar
К примеру:
nuxt-link Главная
nuxt-link О нас
div Контакты
      nuxt-link страница контактов 1
      nuxt-link страница контактов 2
я б вывел наст-линки через цикл, потом скрывал через v-if, индекс которых должен соответствовать дропдауну, показывал бы сами дропдауны через v-else
источник

AL

Andrey Lunar in Nuxt.js — русскоговорящее сообщество
Alexandr Sachishin
я б вывел наст-линки через цикл, потом скрывал через v-if, индекс которых должен соответствовать дропдауну, показывал бы сами дропдауны через v-else
хорошая идея, спасибо! буду пробовать
источник

AL

Andrey Lunar in Nuxt.js — русскоговорящее сообщество
Alexandr Sachishin
я б вывел наст-линки через цикл, потом скрывал через v-if, индекс которых должен соответствовать дропдауну, показывал бы сами дропдауны через v-else
👍
источник

N

Nano.Karmabot.chat in Nuxt.js — русскоговорящее сообщество
Sweet! sundered0 got +1 from Andrey Lunar. 1 karma in total.
источник

AS

Alexandr Sachishin in Nuxt.js — русскоговорящее сообщество
если у тебя есть какие-то данные, где можешь управлять состоянием, можешь и через состояние выводить, а не через индекс. типа isDropdown: true => вместо накст линка выводит дропдаун
источник

AL

Andrey Lunar in Nuxt.js — русскоговорящее сообщество
а стоп, так нужно чтобы в меню отображался сам пункт который раскрывает дропдаун и при этом никуда не ведет
источник

AS

Andrey Soldatenkov in Nuxt.js — русскоговорящее сообщество
Andrey Lunar
К примеру:
nuxt-link Главная
nuxt-link О нас
div Контакты
      nuxt-link страница контактов 1
      nuxt-link страница контактов 2
просто давать родителю класс и всё
источник

AS

Andrey Soldatenkov in Nuxt.js — русскоговорящее сообщество
у кого нет родителя тот ниче не отдаст
источник

AL

Andrey Lunar in Nuxt.js — русскоговорящее сообщество
я может неправильно обрисовал, вот есть 3 пункта меню - 2 из них должны куда то вести, а третий никуда не ведет а раскрывает подменю
источник

AL

Andrey Lunar in Nuxt.js — русскоговорящее сообщество
пока что придумал через tabindex="0" по фокусу вешать на него nuxt-link-active класс, только проблема, что с остальных ссылок этот класс не снимается, получается что 2 пункта активных
источник

AS

Andrey Soldatenkov in Nuxt.js — русскоговорящее сообщество
Andrey Lunar
пока что придумал через tabindex="0" по фокусу вешать на него nuxt-link-active класс, только проблема, что с остальных ссылок этот класс не снимается, получается что 2 пункта активных
дак что делать надо? чтоб если выбран один из подменю чтоб подсвечивалось меню?
источник

AL

Andrey Lunar in Nuxt.js — русскоговорящее сообщество
да, просто подсвечивать активный пункт меню, неважно ведет он куда то или дропдаун раскрывает
источник

AS

Andrey Soldatenkov in Nuxt.js — русскоговорящее сообщество
Andrey Lunar
да, просто подсвечивать активный пункт меню, неважно ведет он куда то или дропдаун раскрывает
ну ищешь в навигации активный класс и родителю с каким нибудь классом ставишь класс активного родителя
источник

AS

Andrey Soldatenkov in Nuxt.js — русскоговорящее сообщество
document.querySelector(".active").closest(".parent").classList.add
источник

AL

Andrey Lunar in Nuxt.js — русскоговорящее сообщество
дак дропдаун изначально закрыт, есть только верхнее меню
источник

AS

Andrey Soldatenkov in Nuxt.js — русскоговорящее сообщество
что значит закрыт? его нет в DOM?
источник