GreenSock #3. Смена секций по скроллу
ฝัง
- เผยแพร่เมื่อ 29 ก.ย. 2024
- Привет! В этом видео сделаем интересную смену секцию по скроллу через GreenSock.
greensock.com/... - ссылка на библиотеку
cdnjs.com/libr... - cdn
github.com/max... - исходники урока.
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? clck.ru/Gr9Ec
Моя страница вконтакте: maxdenaro
Мой блог: blog.maxgraph.ru
Мой сайт: maxgraph.ru
Канал в телеграм: teleg.run/maxg...
Чат для верстальщиков: teleg.run/maxg...
#ityoutubersru #верстка #greensock
так то все работает, но если пойти в инспектор элементов и выбрать там какой нибудь айфон к примеру, то на последней горизонтальной секции происходит зацикливание к первой и так бесконечно. к последней секции не добраться)
Привет) очень понравилось твое видео, но переключатель по секциям в навигации не работает, так как есть анимация при скроле, для перехода к разделам страницы требуется прокрутка, может у тебя тоже такое было?
Привет. Если добавить еще секцию, чтоб она сверху выплывала, какие параметры у "Х" и "У" будут в скрипте, что-то никак не соображу.
Крутяк, буду пробовать.спс
а навигация?
Да, вроде интересно но толком ничего не понятно. В плане меня интересует проход по основным функция, что и для чего. В итоге после видео иду гуглить так как здесь 10% инфы
Так основные функции показаны в предыдущих видео)
Спасибо за видео. запилил на сайт. все работает)
Пожалуйста)
Спосиби за урок, я 6 часов трудился чтобы а до я понят
Пожалуйста)
А на мобильный нормально работает?
На мобилке отключать надо)
скажи пожалуйста ты сделаешь видео про систему оплаты картой ?
Не думаю, это уже не вёрстка)
@@maxgraph а не подскажешь где найти такой урок
Спасибо! Там по апрелю всё в силе?)) Сложный макет!
В силе)
@@maxgraph Спасибо! Ждём)
А как делать смену секций как вертикально так и горизонтально как у библиотеки fullpage.js - Scroll Horizontally
Почему бы просто не взять fullpage.js?)
@@maxgraph не хочу использовать jquery + кучу не нужных мне фишек библиотеки
@@maxgraph вторая причина он платный
он бесплатный)
ну в таком случае я бы попробовал через swiper сделать. насчет гринсока - наверняка тоже можно, но надо смотреть как)
@@maxgraph через gsap можно сделать использовать observer надо, я видел codeopen... Но поизучив GSAP понял что можно делать очень крутые анимации но поддержка кода очень сложная на многостраничнике... Я пока как и раньше обхожусь vanilla js, с тем же observer удаляю и добавляю классы анимации которые легко назначать и управлять глобально. Мне кажется что логика Gsap устарела и должна быть переписана, но тогда и документацию новую надо и т.д. но скоро и css scroll timeline может получить больше поддержки а то пока только хром
Спасибо
Пожалуйста)
Когда некст видео?
через недельку-другую будет большой видос про практику гринсока)
@@maxgraph ждем
Привет, а у тебя есть плагин на обозрении, где когда ты находишься на каком-то разделе сайта а он в навигации отображается другим цветом, как правило основным на сайте?
Привет, в js решениях свой код писал
@@maxgraph А какое видео, я вроде бы все знаю, такого не нашел?
th-cam.com/video/PV7gQVoqc9A/w-d-xo.html
@@maxgraph Привет, я имею ввиду, на разделе не страницы, а разделе всего сайта, те на одной из ссылок страниц
@@maxgraph Привет, можно вопрос задать?