По какой причине код (scrollspy) не работает на iOS?

Чем же заменить forEach?

По какой причине код (scrollspy) не работает на iOS?

Данила, точно. Проверил в Девтулз на Сафари

TypeError: document.querySelectorAll(".scrollme").forEach is not a function. (In 'document.querySelectorAll(".scrollme").forEach', 'document.querySelectorAll(".scrollme").forEach' is undefined)handleSpy @ index.bbe1d5a….js:1n @ common.40f5dfd….js:2

По какой причине код (scrollspy) не работает на iOS?

Данила, я смотрел в Хроме на iPhone. Не работает скроллспай (подсвечивание пунктов меню при скролле - exultant-curtain.surge.sh

По какой причине код (scrollspy) не работает на iOS?

Никита Полевой, мне это трудно делать,т.к. я не обладаю устройством на iOS. Заметил в Browserstack, а там очень неудобно дебажить.

Если знаете ответ на вопрос, лучше подскажите.

Как сделать разный in и out transition?

Боже мой, какой балбес. Пошел кофе выпью)))

Неужели невозможно отцентрировать текст внутри баттона?

Александр Синицын, а нет, изввиняюсь, все ок! Помогло! Спасибо!

Неужели невозможно отцентрировать текст внутри баттона?

Александр Синицын, тогда фиг отцентрируешь второй элемент - complex-bait.surge.sh

Неужели невозможно отцентрировать текст внутри баттона?

Александр Синицын, я же говорю - анимация. С display: none анимация невозможна.

Неужели невозможно отцентрировать текст внутри баттона?

Александр Синицын, он будет появлятся сверху исчезающего на ховер

Как сделать эффект печати?

0xD34F, точно. Очередной мой недосмотр. Спасибо.

Как сделать эффект печати?

0xD34F, при обновлении страницы, видно усы. Не каждый раз, но видно. Может кодпен тупит, надо локально попробовать. В принципе прелоадер будет висеть все равно, но непонятно почему так?

Как сделать эффект печати?

А почему происходит при рефреше мелькание {{}}? v-cloak не помог.

Как сделать эффект печати?

Да! Благодарю в очередной раз!

Как сделать универсальный scrollspy?

Вооооот, я МГНОВЕННО нашел пример почему это соверщенно не реюзабельное решение! Только сел сразу попандос!

У меня меню навигации В ОТДЕЛЬНОМ КОМПОНЕНТЕ Header.vue! А вы предлагаете v-for. У меня меню в одном компоненте, сами блоки в другом. А у вас все в одном месте в куче в data!

Как сделать универсальный scrollspy?

Думаете все же v-for удобно? Да как это в голове деражть все? Намешано в кучу - данные, стили, названия, состояния...Не знаю даже. Что тут удобного. Место названий классов - в верстке, а не в data

Как сделать универсальный scrollspy?

Остановился на таком варианте - https://codepen.io/kodej/pen/PJXwqY
Спасибо за помощь!

Как сделать универсальный scrollspy?

Это все трындец как усложняет проект. Я замахаюсь потом пропсы пропихивать из одного блока в другой! Не, да ну нафиг такое счастье.

Как сделать универсальный scrollspy?

При этом, я не говорю что этот подход плох. Просто это слишком неожиданно для меня. Тема с выносом блоков в компоненты - любопытна.

Как сделать универсальный scrollspy?

Вообще конечно все это не реюзабельное. Хотелось универсальное решение. Которое - хлоп и можно заюзать в любом проекте на любом этапе. А тут вы предлагаете мне вообще подход к верстке изменить ради того чтобы юзать scrollspy)))

Как сделать универсальный scrollspy?

0xD34F, вы мне вообще решили мозг сломать, ха-ха)) Это интересно, возможно и попробую какждый блок выносить в отдельный файл. Может быть удобно для маленьких сайтов. Но если вернутся к теме, почему это не работает

<li><a :href="'#' + blocks[0].name" :class="{ 'active': blocks[0] === active }">{{blocks[0].name}}</a></li>

Как мне переписать этот луп если нету доступа к i?