Frontend-разработка ⛄

Frontend-разработка

---

Project maintained by Dvurechensky-Docs Hosted on GitHub Pages — Theme by mattgraham

⬆ Вернуться к оглавлению

📜 Работа со скроллом

• 📜 Работа со скроллом
  • 🔹 basicScroll
  • 🔹 emergence.js
  • 🔹 headroom.js
  • 🔹 in-view
  • 🔹 moveTo
  • 🔹 scroll-scope.js
  • 🔹 ScrollMagic
  • 🔹 scrollMonitor
  • 🔹 scrollreveal
  • 🔹 verge

---

🔹 basicScroll

👉 Параллакс-эффекты

• движение элементов при скролле
• через CSS variables

💡 Для:

• эффектных UI
• “живых” страниц 🎬

---

🔹 emergence.js

👉 Отслеживание видимости элементов

• элемент появился/исчез

💡 Для:

• lazy loading
• анимаций

---

🔹 headroom.js

👉 Скрывает/показывает header

• скролл вниз → скрывается
• вверх → появляется

💡 Для:

• экономии пространства
• мобильного UX

---

🔹 in-view

👉 Уведомляет, когда элемент в зоне видимости 💡 Для:

• триггеров
• анимаций

---

🔹 moveTo

👉 Плавная прокрутка

• scroll animation

💡 Для:

• переходов по странице

---

🔹 scroll-scope.js

👉 Ограничение скролла внутри блока

• родитель остаётся на месте

💡 Для:

• вложенных UI

---

🔹 ScrollMagic

👉 Скролл как “движок анимаций”

• привязка анимаций к прокрутке

💡 Для:

• сложных эффектов 🔥
• storytelling

---

🔹 scrollMonitor

👉 API для отслеживания элементов 💡 Для:

• аналитики
• UI событий

---

🔹 scrollreveal

👉 Анимации появления

• fade, slide и т.д.

💡 Очень популярный 🔥

---

🔹 verge

👉 Работа с viewport

• размеры
• позиция

💡 Для:

• логики UI

---