TGViewer
Вадим Фоминов | Создаю сайты на Wordpress Вадим Фоминов | Создаю сайты на Wordpress @wordpress_by · 1.53K subscribers
Post #556 4.77K
Про липкие блоки в статье

Задача: добавлять в статью блоки, которые будут отображаться справа от основного текста и прилипать к верхнему краю окна браузера до появления следующего такого блока. Потом первый уходит вверх, а второй залипает и т.д.

Проблемы: на сайте контент статьи выводится в одном div. Сложность выполнения в том, что липкие блоки работают в пределах одного контейнера, а на странице таких блоков может быть больше.

Ход выполнения:
Вся задача решалась с помощью JS:
- добавил ко всем липким блокам .block-sticky
- записал в массив html теги из которых состоит контент
- с помощью метода map записал в новый массив индексы тегов, в которых есть .block-sticky
- в div с контентом статьи добавил изменённую структуру контента статьи

Методом .slice я выбирал какие теги вставлять в изменённую структуру.

Спасибо Александру за саму идею реализации этого функционала т.к. до этого я высчитывал высоту каждого блока до верхней части браузера и исходя из этого высчитывал где должен появляться липкий блок.
More from @wordpress_by
  1. Aug 3, 2026Как вы занимаетесь оптимизацией картинок для сайта? Лично я делал так: 1) если это .png и…
  2. Jul 30, 2026Есть отличная новость, я сдал на права. Новость отличная, но лично для меня 😁 С апреля по…
  3. Apr 16, 2026А ещё заметил, что курсы по программированию заменили на курсы по вайбкодингу. Наверное зд…
  4. Apr 16, 2026Как поживаете? Последняя запись была аж в конце ноября. Если коротко, то закрывал задачи п…
  5. Nov 22, 2025Пост для тех, кто до сих пор не съехал с nic.ru на beget В копилку к долгому ответу от ТП,…
  6. Nov 20, 2025Временный пост 👇 Ищу дизайнера для создания логотипа. Ниша — приложение для ветеринарных…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →