GreenSock #3. Смена секций по скроллу

Привет! В этом видео сделаем интересную смену секцию по скроллу через GreenSock.
greensock.com/get-started/ - ссылка на библиотеку
cdnjs.com/libraries/gsap - cdn
github.com/maxdenaro/maxgraph... - исходники урока.
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? clck.ru/Gr9Ec
Моя страница вконтакте: maxdenaro
Мой блог: blog.maxgraph.ru
Мой сайт: maxgraph.ru
Канал в телеграм: teleg.run/maxgraph
Чат для верстальщиков: teleg.run/maxgraph_chat
#ityoutubersru #верстка #greensock

[@dzmitryk7546]

Крутяк, буду пробовать.спс

[@evgeniivavilo8678]

Спасибо за видео. запилил на сайт. все работает)

[@maxgraph]

Пожалуйста)

[@googoogle]

так то все работает, но если пойти в инспектор элементов и выбрать там какой нибудь айфон к примеру, то на последней горизонтальной секции происходит зацикливание к первой и так бесконечно. к последней секции не добраться)

[@VoLaND0303]

Спасибо

[@maxgraph]

Пожалуйста)

[@stepanmanukyan2823]

Спосиби за урок, я 6 часов трудился чтобы а до я понят

[@maxgraph]

Пожалуйста)

[@assugan]

Привет. Если добавить еще секцию, чтоб она сверху выплывала, какие параметры у "Х" и "У" будут в скрипте, что-то никак не соображу.

[@more_9253]

Привет) очень понравилось твое видео, но переключатель по секциям в навигации не работает, так как есть анимация при скроле, для перехода к разделам страницы требуется прокрутка, может у тебя тоже такое было?

[@user-kg6fz5tz2b]

Спасибо! Там по апрелю всё в силе?)) Сложный макет!

[@maxgraph]

В силе)

[@user-kg6fz5tz2b]

@@maxgraph Спасибо! Ждём)

[@user-ly3xb1hl8q]

Привет, а у тебя есть плагин на обозрении, где когда ты находишься на каком-то разделе сайта а он в навигации отображается другим цветом, как правило основным на сайте?

[@maxgraph]

Привет, в js решениях свой код писал

[@user-ly3xb1hl8q]

@@maxgraph А какое видео, я вроде бы все знаю, такого не нашел?

[@maxgraph]

kzbin.info/www/bejne/hoeamISMpNaWb6M

[@user-ly3xb1hl8q]

@@maxgraph Привет, я имею ввиду, на разделе не страницы, а разделе всего сайта, те на одной из ссылок страниц

[@user-ly3xb1hl8q]

@@maxgraph Привет, можно вопрос задать?

[@user-qt5ds9nz2l]

скажи пожалуйста ты сделаешь видео про систему оплаты картой ?

[@maxgraph]

Не думаю, это уже не вёрстка)

[@user-qt5ds9nz2l]

@@maxgraph а не подскажешь где найти такой урок

[@Beyond-the-transcendent]

а навигация?

[@vitamarys]

А на мобильный нормально работает?

[@maxgraph]

На мобилке отключать надо)

[@vipdeveloper]

Когда некст видео?

[@maxgraph]

через недельку-другую будет большой видос про практику гринсока)

[@denyspetrushkov5854]

@@maxgraph ждем

[@Atractiondj]

А как делать смену секций как вертикально так и горизонтально как у библиотеки fullpage.js - Scroll Horizontally

[@maxgraph]

Почему бы просто не взять fullpage.js?)

[@Atractiondj]

@@maxgraph не хочу использовать jquery + кучу не нужных мне фишек библиотеки

[@Atractiondj]

@@maxgraph вторая причина он платный

[@maxgraph]

он бесплатный) ну в таком случае я бы попробовал через swiper сделать. насчет гринсока - наверняка тоже можно, но надо смотреть как)

[@Atractiondj]

@@maxgraph через gsap можно сделать использовать observer надо, я видел codeopen... Но поизучив GSAP понял что можно делать очень крутые анимации но поддержка кода очень сложная на многостраничнике... Я пока как и раньше обхожусь vanilla js, с тем же observer удаляю и добавляю классы анимации которые легко назначать и управлять глобально. Мне кажется что логика Gsap устарела и должна быть переписана, но тогда и документацию новую надо и т.д. но скоро и css scroll timeline может получить больше поддержки а то пока только хром

[@nice_pools]

Да, вроде интересно но толком ничего не понятно. В плане меня интересует проход по основным функция, что и для чего. В итоге после видео иду гуглить так как здесь 10% инфы

[@maxgraph]

Так основные функции показаны в предыдущих видео)