Арсений Матыцин

То, что ты пытаешься сделать называется аккордеон, гугли, делай.

Ну и прав комментатор, это больше похоже на заказ, чем на вопрос, а такому на сервисе не место.

1. Вешаешь на элемент слушатель, или делегируешь. Слушать надо наведение, т.е. hover\mouseenter.
2. Трекаешь положение мышки.
3. Привязываешь её коры к корам элемента.

https://developer.mozilla.org/ru/docs/Web/JavaScri...

В основной директории проекта создай собирающий файл, который будет импортировать зависимости из node_modules и компилить их в конечный билд. Для scss это, например @import 'node_modules/..'. Популярное решение.

Не ну бардак, конечно, в башке и кодовой базе.

Если по событию отправки страница не перезагружается, значит, что обмен данными происходит с помощью асинхронки на JS. Всего-то надо найти код, где происходит отлов данных для последующей отправки в бэк, приходит ответ, а класс назначается. И уже с пониманием дела либо встроится непосредственно в код, а по возможности сделать это безопасно (не городя конструкцию, которую не понимаешь, например, в плагине).

Если же в кодовой базе уже создано событие, которое можно слушать на DOM-узле, то лучше воспользоваться им и просто слушать. Ну или дописать можно.

https://developer.mozilla.org/ru/docs/Web/CSS/mix-...

Или на js, собирая заранее известно инверсные блоки и сверяя их положение с объектом или высчитывая цвета. В общем тут раздолье мысли.

Для того, что находится внутри прилипающей части задай max-height:100vh; и overflow:auto;.

1. SPA-приложение на JS-фреймворке;
2. Табуляция на JS (переключение отображения уже отрендеренного контента);
3. Фреймы.

Позиционирование, трансформации (translate, scale) и z-index.

Используй localStorage или sessionStorage для хранения значений.

Воспользоваться регулярками.

Чтобы «остановить» значение пиши его в переменную, которая позволит начать отсчет не с самого начала. Чтобы можно было восстанавливать, пиши в другую переменную свой интервал и снуляй его при тех событиях, когда тебе надо.

Чтобы исключить ускорение, проверь нет ли у тебя зависимости от инкрементируемого значения или вложенного цикла.

Если скрипт загружает и создает DOM-структуру, то повышая специфичность (в том числе inportant-ами), а если это фрейм, то в общем хрен (с парой условностей).

Это либо:
1. Веб-компонент.
2. Компонент на JS-фреймворке.
3. Просто кто-то балуется и пишет стили прямо к таким тегами (так можно, сам баловался, но невалидка).

Если парсить голяк, то ты можешь просто навесить стили на то, что прилетает, прямо к тегу. Ну или можешь написать веб-компонент\компонент, который может быть подхвачен при выводе этого контента.

Ну или банально прогонять через регулярки контент, чтобы полученные параметры выводить так, как тебе надо.

Для подобных задач проще использовать map, filter, другие методы обработки массивов и деструктуризацию.

https://codepen.io/i-am-studio_ru/pen/OJXMrvw

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

Удобней всего будет воспользоваться querySelectorAll(), который создаст коллекцию элементов. Которую уже надо проитерировать и повесить слушатели клика. Ну или просто итерируй ту коллекцию, что собираешь сейчас.