Что хотите видеть в рубрике "Как это сделать" ? 🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle 🔴 Instagram: instagram.com/freelancer.lifestyle 🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat) 🔴 Facebook: facebook.com/freelancerlifestyle
Женя, спасибо за твою работу. За твоими эмоциями интересно наблюдать когда идёт выкладка материала. С тебя позитив, задор так и льется. Преподаватель от Бога.
Женя, огромное спасибо за такие видео! Хотелось бы увидеть ещё ролик по JS библиотекам с анимациями, вроде lax.js или choreographer.js. Думаю будет очень интересно :)
Моё глубокое восхищение! Очень интересный урок, и такой красивый результат! Повторяла следом, всё получилось. Разобраться бы теперь с JS, чтобы самой такие коды писать.
Дякую за ролик, все як завжди чітко та зрозуміло, але, було б чудово, щоб Ви показували блоки, яким прописуєте стилі - до і після, так було б зрозуміліше (принаймі для початківців).
Жека привет! уже лет 15 пытаюсь войти в сферу программирования, но постоянно бросал, почти не начав, так как не понимал откуда заходить и как. И вот неделю назад принял волевое решение еще раз попробовать. И благодаря тебе, мне хочется теперь идти до конца, спасибо за твой труд, это лучшая обучающая инфа, раньше такого не было. От души!!!
A можно показывать экран справа когда пишется код, а pедактор слева например? A то так неясно какой код как именно влияет. Bиден только конечный результат. Cпасибо за видео !
Вот кстати про скроллироаание бэкграунда - очень полезная штука. Я когда лендинги верстаю, всё время хочу реализовать данную фичу, но как это сделать не на вордпрессе - не знаю. Спасибо! Даже не знал, что это паралаксом называется)
Евгений, привет. Столкнулся с проблемой при обновлении свайпера до новой версии, перестал работать freeMode в ситуации когда контента больше чем высота экрана. Не подскажешь как решить проблему? Спасибо.
Решение нашёл сам, если кто-нибудь столкнётся с подобным , обращаться к свойству freeMode необходимо через enabled (Swiper.params.freeMode.enabled = ...) И тогда всё работает правильно на обновлённой версии свайпера.
Спасибо вам за видео. Может сталкивались, как сделать, чтобы вертикальный полноэкранный слайдер становился freemode после последнего слайда и возвращался в freemode false, если скроллим опять вверх? есть событие reachEnd, на него можно подвязать freemode true. А как быть с возвращением к freemode false?
Как и всегда невероятно полезное видео, как раз недавно хотела узнать как сделать что - то похожее, и тут как на заказ, огромное спасибо, все получилось! Единственное хотела спросить, хотя понимаю, что это сложный вопрос, но просто очень интересно, можно ли сделать так, чтобы когда контента внутри очень много, включать скролл внутри слайда, а не включать freeMode? И если да, то сложно ли это сделать?
Пишу js один в один как у Вас, и почему то не работает(( не могу разобраться, в brackets выдает, что ему не нравится что-то в let и pageSlider, и еще остальная часть кода,начиная с keyboard, не подсвечивается и не хочет работать. А еще на 7:06 где-то, у меня сайт вообще не так выглядит почему то, картинка не растянулась на весь сайт,а видно только ее часть и часть второго скрина
Жека привет. Вижу справа много свободного места, думаю было бы хорошо туда выводить html-код, тк не всегда улавливаешь какому блоку пишешь стили, и какой div с определенним классом внутри другого. А так можно подглядывать, и понимаешь почему именно так
Жека, ты крут и всё. Слова закончились...😆 У меня идея следующая: Думаю, можно было сделать навигацонку в обычном стиле (о нас, контакты и тд), а также сделать бургер-меню для окон. Нажали - раскрылось и можно выбрать окно! А будут по jQuery уроки? А то очень хочется изучить его, но я знаю, что ты объяснишь лучше всех😂❤ А практика по js будет? Спасибо!!
Жень, супер видос. Как всегда. Я не понимаю, как такое богатство, которое ты отдаешь бесплатно, можно не смотреть. Ну, да ладно. У меня вопрос: а ты раньше транзишены добавлял для all, а теперь для конкретного свойства? Чем это обусловлено? Оптимизация? Насколько это важно? Отслеживается ли это ГуглПейджСпидом и поэтому стоит конкретизировать, чтобы браузер не отрисовывал лишнего?
Каждая оболочка выполняет функцию которую нельзя переложить на родителя. Если можно, значит от оболочки можно избавиться. Так же создание оболочек обусловлено возможными будущими шагами по адаптиву либо изменению контента
Привет,у меня возникла проблема.Я подключил слайдер и свой js файл но во-первых не подсвечивается синтаксис как у тебя, и во-вторых он вообще не работает
Спасибо за обучение JS. И, вопрос, есть ли у тебя список-шпаргалка основных функций обращения к экрану, части экрана, к куску(части) текста и т.д. Например ты обращался к window. Для меня сложность: не составить алгоритм обращения, а именно НАЙТИ КАКИМ ЗАПРОСОМ ОБРАЩАТЬСЯ к тому или иному свойству объекта. Может посоветуешь где эту информацию взять?
Привет, у тебя в роликах видел, что ты в теге nav использовал список, а в этом ролике не используешь, я вроде как понял что ul нужен для кроссбраузерности, чтобы всякие ie его воспринимали, можешь пожалуйста пояснить?
Добрый вечер. Когда у нас много информации и идет сайт уже не по слайдам, при скроллинге у нас информация скролится интервалом (рывками, а не плавно), можно как то это избежать. Такое происходит только при скроллинге колесиком мышки. Заранее спасибо.
Так ты даже вот в ютубе комменты проскроль, они так же рывками идут, если колесиком. Наверное нельзя это никак изменить. Разве что у mousewheel заменить sensitivity: 1 на sensitivity: 0.2, но это повлияет на то, что контена будет меньше проскроливаться за одну прокрутку колёсиком и поэтому рывки будут не такие огромные
решил сделать макет с поэкранным скроллом по твоему примеру, но столкнулся с проблемой - при мобильном разрешении экрана контент не вмещается в один экран и обрезается, т.к заданы стили которые не допускают чтобы контента в слайде было больше чем сам экран. Отключение поэкраной прокрутки не помогает т.к контента становиться больше по высоте и он в принципе не влезет даже в десктоп с такими стилями css, а при переприсвоении стилей в медиазапросе весь лендинг ломаеться из-за подключенных swiper-JS . Как сделать чтобы при мобильном разрешении контент не обрезался по высоте? Я надеюсь понятно описал проблему, она заключаеться именно в адаптиве под мобильные устройства.
Спасибо, очень помогло!! Очень актуально! Да и в целом спасибо за твои старания, я многому научился благодаря твоим урокам :) Возник вопрос, вернее проблемка. Как быть с прокруткой, если один из блоков блок с картой google? Там прокрутка стопиться и карта начинает "зумиться". Есть ли какой-то способ НЕ скролить определенные блоки?
Жека, большое спасибо за урок! Маленький вопросик по теме: Как реализовать блок со скроллингом, если контент не вмещается в экран на PC? Пробовал делать блок с overflow:auto; и задать фикс высоту - не получилось. Натолкните на мысль плиз :)
Определённо, моё спасение! Только беда какая-то: не может freeMod меняться. Всё идентично сделал. Напрямую просто включаю - работает, но, когда функцию использую внешнюю для проверки высоты контента и пытаюсь поменять там, настройка не меняется. Остальное работает, но не меняет. Даже не так - сбрасывает на состояние по умолчанию. Не могу который час найти решение.
видимо, надо было наконец написать коммент, озвучить проблему, чтобы решить её) В общем всё оказалось банально просто. Решил методом тыка. freeMod можно инициализировать, как freeMod: true. Но при этом, если использовать опцию так в брейкпоинтах, проблема вылазит та же, что и у меня в функции. Так вот это как-то совсем подозрительно. В общем, если инициализировать freeMode: {enabled: true}, то в брейках это пашет. Соответственно, в функции надо писать теперь не pageSlider.params.freeMode = true;, а pageSlider.params.freeMode.enabled = true; - и ура, работает. Надеюсь, кому-то пригодится)
Женя, спасибо большое за видео. Благодаря тебе я почти научился делать такие слайды на сайте, но не очень разобрался с js файлом. Ты не мог бы подсказать, как сделать так, чтобы верхнее меню пропускало некоторые слайды? Например, у меня 3 слайда посвящены одной теме, и хочется сделать так, чтобы в менюшке кнопка с ссылкой "Экран 1" подсвечивалась на всех трех слайдах, а "Экран 2" загоралась, когда я бы уже переходил к другой теме, либо чтобы загоралась на первом слайде и на оставшихся двух была неактивна, и так на каждой теме. И как сделать так, чтобы на 2 или 3 слайда была выделена только одна точка справа? Чтобы их тоже можно было разделять по тематикам, а не по слайдам. Иначе их очень много появляется) Буду очень благодарен за ответ, еще раз спасибо за видео)
Жень привет! Сделай пожалуйста какое-нибудь видео на счет карт(добавление карты, добавление кастомных меток и сортировки по организациям например). Думаю это будет интересно всем. По лайкам под этим комментом будет понятно я думаю что не мне одному!!
Добрый день. Посмотрел видео, повторил как что делать, все хорошо, все работает. Вопрос: смена экранов происходит либо когда кликаешь по точкам справа (пагинация), либо колесо мыши. Кликая по меню по идее тоже должен происходить скролл до нужного экрана, но этот случай в видео не рассмотрен. Пробовал через якоря, написал скрипт, пролистывает до нужного места, но тогда пропадает пагинация справа ("уходит" вместе с первым экраном), не подскажете как доработать скрипт чтобы и по меню можно пролистывать до нужного экрана
Жень, привет, подскажи пожалуйста. Вертсаю сайт на этом слайдере и встала такая проблема: Есть слайд, но он не вмещается на полный экран. Необходимо, чтоб он при скроле он не перелетел на следующий, а докрутил слайд. Уже часа 3 думаю над реализацией и чет в голову ничего не приходит :(
Женя подскажи,желательно бесплатные проги на подобии авакода для верстки макетов?Авакод теперь даже пробную версию поюзать нельзя,требуют карту.Про фотошоп и зеплин знаю,но это очень заморочно((
я дико извиняюсь, а Swiper ведь Unresolved type в main.js, и я не видел момент когда в html мы добавляли наши булеты и драг классы, только пагинацию и скрол
Что хотите видеть в рубрике "Как это сделать" ?
🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle
🔴 Instagram: instagram.com/freelancer.lifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: facebook.com/freelancerlifestyle
Привет! Когда будет проходить курс ?
edu.fls.guru
Привет! Можешь разобрать как стилизовать select, input при hover и как изменить стандартный скролл в нем. Заранее спасибо)
Подскажите, пожалуйста, как добавить тултип к каждому буллиту?
Наглядный пример человека от чьих эмоций можно заряжаться позитивом).
Я рад!
все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём! желаю мира и спокойствия вашей стране и семье!!!
Женя, спасибо за твою работу. За твоими эмоциями интересно наблюдать когда идёт выкладка материала. С тебя позитив, задор так и льется. Преподаватель от Бога.
Спасибо!
Спасибо огромное за ваши уроки и труд , ваши видео просто пушка 😄😄😁
Пожалуйста!
С каждым просмотренным видео канала возрастает мотивация на 100% и новые знания! Без воды и только по суте! Круто!
ВЫ профи с большой буквы!!!!!!!!!!Больше нечего добавит.
Обалденный урок! Обожаю горы, спасибо что балуешь годными уроками!)
Пожалуйста!
Жека, ты как всегда не перестаешь удивлять. Мега полезное, топовое видео !!!
Спасибо!
спасибо за видео, уважение. Всегда жду новых выпусков. Конечно же, лайк.
Спасибо!
Смотрю твои видосы под новогодние песни :D Спасибо за контент, Женя!
Пожалуйста!
Жека, ты как всегда вовремя, как раз решал этот вопрос в своей работе. Лайк.
Я рад что помог!
Аналогично))
Чётко! Спасибо что делишься знаниями =) И по больше бы JS
Пожалуйста!
Это просто бомба! Огромное Вам спасибо за урок, выглядит действительно круто, встрою в свой сайт.
Супер!
Очень круто! Спасибо Женя! :) Не могу дождаться когда уже буду больше понимать и знать JavaScript...
Пожалуйста!
Спасибо Бро! Ты учитель от Бога!!!
Спасибо!
Женя, СПАСИБО!!! Это очень крутой урок! Все понятно и доступно! Ты крут!
Пожалуйста!
Лайк авансом. Спасибо за качественный контент!
Пожалуйста!
Спасибо, Женя! Как раз нужно было в этом разобраться) Ты лучший
Я рад что вовремя)
отличный урок, представляю сколько сил и времени на него ушло, молодец!
Спасибо!
Огромное вам спасибо за ваши полезные уроки!!!!
Пожалуйста!
Женя, огромное спасибо за такие видео! Хотелось бы увидеть ещё ролик по JS библиотекам с анимациями, вроде lax.js или choreographer.js. Думаю будет очень интересно :)
мне нравится ваши ролики а еще больше нравится горы. Тут есть и то и другое)))
Спасибо!
Очень полезный урок в свой сайт обязательно возьму
Очень полезный материал плюс современное решение
Спасибо!
Моё глубокое восхищение! Очень интересный урок, и такой красивый результат! Повторяла следом, всё получилось. Разобраться бы теперь с JS, чтобы самой такие коды писать.
Я рад! Все получится!
Просто отлично) спасибо. классные уроки) свайпер бомбезный)
Пожалуйста!
Великолепный урок! Большое спасибо!
А вообще ты красава! Все четко и грамотно! Я не только повысил скил но и начал добавлять в речь "так" кто в теме тот поймет)))
Спасибо!
Сразу лайк, а теперь можно и видео посмотреть. Полезное видео, обязательно пригодится!
Спасибо!
ЛАЙК ЗА ТАТРЫ!!!) Со стороны Словакии они вообще великолепные!
Это да)
Спасибо вам за очень полезный урок!!))
Пожалуйста!
Топ топ топ. Как всегда. Спасибо 👍👍👍
Пожалуйста!
Часто отказывался от таких проектов т.к. не знал, как их выполнять. НО теперь я тожно знаю, как это реализовать!)
Я рад!
Жека: ...И самое главное в этом то, что теперь ты точно знаешь как это сделать!
*ТУН ТУНТУН ТУНТУРУТУРУРУРУ ТУНТУН ТУНТУНТУНТУН ПАМ ТУН*(это музон)
Жека, ти знаєш, як підняти людям настрій в понеділок 💪🏻😄
Хах) Я радий!
Большое спасибо, за то что вы есть!:)
Пожалуйста!
Благодарю. Всё было красиво и позитивно.
Я рад!
wow, то что искал 😍😍😍
Я рад!
Круто! Спасибо за видео - ооочень вовремя
Я рад!
Дякую за ролик, все як завжди чітко та зрозуміло, але, було б чудово, щоб Ви показували блоки, яким прописуєте стилі - до і після, так було б зрозуміліше (принаймі для початківців).
Будь ласка, добре.
Да была, очень полезно!!!
Я рад!
Жека привет! уже лет 15 пытаюсь войти в сферу программирования, но постоянно бросал, почти не начав, так как не понимал откуда заходить и как. И вот неделю назад принял волевое решение еще раз попробовать. И благодаря тебе, мне хочется теперь идти до конца, спасибо за твой труд, это лучшая обучающая инфа, раньше такого не было. От души!!!
Я рад!
вошел?
@@sillygirllll нет, я лох
Ставлю лайк, потом смотрю 👍🏻🤡
Спасибо за ваши видео!
Пожалуйста!
Отличное видео ! Спасибо за контент !
A можно показывать экран справа когда пишется код, а pедактор слева например? A то так неясно какой код как именно влияет. Bиден только конечный результат. Cпасибо за видео !
Вот кстати про скроллироаание бэкграунда - очень полезная штука. Я когда лендинги верстаю, всё время хочу реализовать данную фичу, но как это сделать не на вордпрессе - не знаю. Спасибо! Даже не знал, что это паралаксом называется)
Пожалуйста!
Спасибо за классные видео)
Пожалуйста!
Как раз решил заюзать эту фишку в своей работе)
каждый видос в сохраненное))
Я рад!
Колись такі лендінги замовляли через раз, зараз мода на них пройшла, але все нове - це давно забуте старе, так що чекаємо їх повернення ))
В любому випадку, варто знати як це зробити)
да, без питань, це корисна штука, просто кажу, що були часи... ))
Единственный ютубер у кого нету хейтеров✊🏻✊🏻
Ахах, спасибо!
@@FreelancerLifeStyle сколько в день сидишь на компе?
Евгений, привет. Столкнулся с проблемой при обновлении свайпера до новой версии, перестал работать freeMode в ситуации когда контента больше чем высота экрана. Не подскажешь как решить проблему? Спасибо.
Решение нашёл сам, если кто-нибудь столкнётся с подобным , обращаться к свойству freeMode необходимо через enabled (Swiper.params.freeMode.enabled = ...) И тогда всё работает правильно на обновлённой версии свайпера.
@@ivancooler Спасибо бро! Искал такой коммент в поисках решения
@@ivancooler да, на новой версии так все сработало)
@@ivancooler обнял
nice
Спасибо большое, дядька!
Пожалуйста!
Круто! Оставлю комментарий, для продвижения видео!
Спасибо!
Класс 💪
Спасибо!
Спасибо огромное, как всегда очень круто)))) Каждое новое видео, как глоток свежего вохдуха.Лайк)
Как в эти экраны вставить другие слайды?
Спасибо. Весьма познавательный материал . Давно небыло ваших новых видео. С чем связано ?
ТОП!!! Спасибо!
Пожалуйста!
Спасибо вам за видео. Может сталкивались, как сделать, чтобы вертикальный полноэкранный слайдер становился freemode после последнего слайда и возвращался в freemode false, если скроллим опять вверх? есть событие reachEnd, на него можно подвязать freemode true. А как быть с возвращением к freemode false?
Как и всегда невероятно полезное видео, как раз недавно хотела узнать как сделать что - то похожее, и тут как на заказ, огромное спасибо, все получилось! Единственное хотела спросить, хотя понимаю, что это сложный вопрос, но просто очень интересно, можно ли сделать так, чтобы когда контента внутри очень много, включать скролл внутри слайда, а не включать freeMode? И если да, то сложно ли это сделать?
тоже задаюсь вопросом
Пишу js один в один как у Вас, и почему то не работает(( не могу разобраться, в brackets выдает, что ему не нравится что-то в let и pageSlider, и еще остальная часть кода,начиная с keyboard, не подсвечивается и не хочет работать. А еще на 7:06 где-то, у меня сайт вообще не так выглядит почему то, картинка не растянулась на весь сайт,а видно только ее часть и часть второго скрина
Зайдите на патреон и скачайте материал урока, потом легче и понятней разо браться.
Огроменное спасибо за урок! Пойду тебе денюжку кину
Спасибо! 🤟
Жека привет. Вижу справа много свободного места, думаю было бы хорошо туда выводить html-код, тк не всегда улавливаешь какому блоку пишешь стили, и какой div с определенним классом внутри другого. А так можно подглядывать, и понимаешь почему именно так
Супер!!!
Спасибо!
Спасибо)
Пожалуйста!
Красава) Спёр код из всем известной библиотеки))
как спер? это же на базе свайпера, сам придумал!
Жека, ты крут и всё. Слова закончились...😆
У меня идея следующая: Думаю, можно было сделать навигацонку в обычном стиле (о нас, контакты и тд), а также сделать бургер-меню для окон. Нажали - раскрылось и можно выбрать окно!
А будут по jQuery уроки? А то очень хочется изучить его, но я знаю, что ты объяснишь лучше всех😂❤
А практика по js будет?
Спасибо!!
интересно, как бы это прикрутить на вордпресс шаблон
При фримоде проблемы, когда к примеру контента больше в блоке. Как его можно нормально сделать, чтобы можно было просматривать весь контент в блоке?
*Л. а. й. к. о. с.* за видос.
Спасибо!
СПАААСИБО!
Пожалуйста!
Будет ролик по плагинам по типу Masonry ,которые выстраивают кирпичную кладку из блоков или с этим всем справляется grid?
про Masonry будет!
@@FreelancerLifeStyle оооооооооооооо пасиб)
Жень, супер видос. Как всегда. Я не понимаю, как такое богатство, которое ты отдаешь бесплатно, можно не смотреть. Ну, да ладно. У меня вопрос: а ты раньше транзишены добавлял для all, а теперь для конкретного свойства? Чем это обусловлено? Оптимизация? Насколько это важно? Отслеживается ли это ГуглПейджСпидом и поэтому стоит конкретизировать, чтобы браузер не отрисовывал лишнего?
Дело привычки, да, считается что так нагрузка меньше.
@@FreelancerLifeStyle спасибо!)
Подскажите, пожалуйста, где можно увидеть как сделать сниппет на margin? Чтобы с помощью emmet сразу открывать margin: 0px 0px 0px 0px;
Спасибо! Лайк!
А можно какой то линк или в двух словах -какова логика количества создаваемых оболочек? Как понять сколько надо "врапперов"?
Каждая оболочка выполняет функцию которую нельзя переложить на родителя. Если можно, значит от оболочки можно избавиться. Так же создание оболочек обусловлено возможными будущими шагами по адаптиву либо изменению контента
@@FreelancerLifeStyle спасибо!
Привет,у меня возникла проблема.Я подключил слайдер и свой js файл но во-первых не подсвечивается синтаксис как у тебя, и во-вторых он вообще не работает
Спасибо
Пожалуйста!
Есть вопрос, а можно ли это все сделать только, чтобы был горизонтаный скрол, а там где контент больше, чтобы был обычный вертикальный скрол?
Спасибо за обучение JS. И, вопрос, есть ли у тебя список-шпаргалка основных функций обращения к экрану, части экрана, к куску(части) текста и т.д. Например ты обращался к window. Для меня сложность: не составить алгоритм обращения, а именно НАЙТИ КАКИМ ЗАПРОСОМ ОБРАЩАТЬСЯ к тому или иному свойству объекта. Может посоветуешь где эту информацию взять?
Привет, у тебя в роликах видел, что ты в теге nav использовал список, а в этом ролике не используешь, я вроде как понял что ul нужен для кроссбраузерности, чтобы всякие ie его воспринимали, можешь пожалуйста пояснить?
Добрый вечер. Когда у нас много информации и идет сайт уже не по слайдам, при скроллинге у нас информация скролится интервалом (рывками, а не плавно), можно как то это избежать. Такое происходит только при скроллинге колесиком мышки. Заранее спасибо.
Так ты даже вот в ютубе комменты проскроль, они так же рывками идут, если колесиком. Наверное нельзя это никак изменить. Разве что у mousewheel заменить sensitivity: 1 на sensitivity: 0.2, но это повлияет на то, что контена будет меньше проскроливаться за одну прокрутку колёсиком и поэтому рывки будут не такие огромные
Очень люблю гори.
Супер!
Урок ОГОНЬ!!!но у меня почему получился только серый экран 😭😭😭👍
Нужно пробовать еще)
решил сделать макет с поэкранным скроллом по твоему примеру, но столкнулся с проблемой - при мобильном разрешении экрана контент не вмещается в один экран и обрезается, т.к заданы стили которые не допускают чтобы контента в слайде было больше чем сам экран. Отключение поэкраной прокрутки не помогает т.к контента становиться больше по высоте и он в принципе не влезет даже в десктоп с такими стилями css, а при переприсвоении стилей в медиазапросе весь лендинг ломаеться из-за подключенных swiper-JS . Как сделать чтобы при мобильном разрешении контент не обрезался по высоте? Я надеюсь понятно описал проблему, она заключаеться именно в адаптиве под мобильные устройства.
Аналогично. Это все работает, только если контент гарантированно не вылезает за height: 100%
А почему вы не использовали background-attachment : fixed? Это же тот же паралкс эффект
не совсем. картинка тогда бы стояла на месте, а я хотел что бы она двигалась, но с другой скоростью.
Спасибо, очень помогло!! Очень актуально! Да и в целом спасибо за твои старания, я многому научился благодаря твоим урокам :)
Возник вопрос, вернее проблемка. Как быть с прокруткой, если один из блоков блок с картой google? Там прокрутка стопиться и карта начинает "зумиться". Есть ли какой-то способ НЕ скролить определенные блоки?
Жека, большое спасибо за урок!
Маленький вопросик по теме:
Как реализовать блок со скроллингом, если контент не вмещается в экран на PC?
Пробовал делать блок с overflow:auto; и задать фикс высоту - не получилось.
Натолкните на мысль плиз :)
если ещё актуально могу подсказать)
@@СергейТаран-и3к подскажите пожалуйста :)
О круто! Я хотел такое сделать, а можно горизонтально такой сделать?
Конечно) Убери direction: "vertical" и flex-direction: column; у page__wrapper
Определённо, моё спасение! Только беда какая-то: не может freeMod меняться. Всё идентично сделал. Напрямую просто включаю - работает, но, когда функцию использую внешнюю для проверки высоты контента и пытаюсь поменять там, настройка не меняется. Остальное работает, но не меняет. Даже не так - сбрасывает на состояние по умолчанию. Не могу который час найти решение.
видимо, надо было наконец написать коммент, озвучить проблему, чтобы решить её) В общем всё оказалось банально просто. Решил методом тыка. freeMod можно инициализировать, как freeMod: true. Но при этом, если использовать опцию так в брейкпоинтах, проблема вылазит та же, что и у меня в функции. Так вот это как-то совсем подозрительно. В общем, если инициализировать freeMode: {enabled: true}, то в брейках это пашет. Соответственно, в функции надо писать теперь не pageSlider.params.freeMode = true;, а pageSlider.params.freeMode.enabled = true; - и ура, работает. Надеюсь, кому-то пригодится)
@@Anodoree спасибо! помогло!!!))
Женя, спасибо большое за видео. Благодаря тебе я почти научился делать такие слайды на сайте, но не очень разобрался с js файлом. Ты не мог бы подсказать, как сделать так, чтобы верхнее меню пропускало некоторые слайды? Например, у меня 3 слайда посвящены одной теме, и хочется сделать так, чтобы в менюшке кнопка с ссылкой "Экран 1" подсвечивалась на всех трех слайдах, а "Экран 2" загоралась, когда я бы уже переходил к другой теме, либо чтобы загоралась на первом слайде и на оставшихся двух была неактивна, и так на каждой теме. И как сделать так, чтобы на 2 или 3 слайда была выделена только одна точка справа? Чтобы их тоже можно было разделять по тематикам, а не по слайдам. Иначе их очень много появляется) Буду очень благодарен за ответ, еще раз спасибо за видео)
Жень привет! Сделай пожалуйста какое-нибудь видео на счет карт(добавление карты, добавление кастомных меток и сортировки по организациям например). Думаю это будет интересно всем. По лайкам под этим комментом будет понятно я думаю что не мне одному!!
Сделаю
Видео класс!!! Только не могу понять что за класс free, куда его присваивать?
Он сам присвается из js. Стили его показаны в css
Добрый день. Посмотрел видео, повторил как что делать, все хорошо, все работает. Вопрос: смена экранов происходит либо когда кликаешь по точкам справа (пагинация), либо колесо мыши. Кликая по меню по идее тоже должен происходить скролл до нужного экрана, но этот случай в видео не рассмотрен. Пробовал через якоря, написал скрипт, пролистывает до нужного места, но тогда пропадает пагинация справа ("уходит" вместе с первым экраном), не подскажете как доработать скрипт чтобы и по меню можно пролистывать до нужного экрана
Рассмотрен, внимательно смотрите видео.
Смотрите 16мин 28 сек
Новичкам советую Руби !это пушка !Руби это сила !все остальное же могила
Жень, привет, подскажи пожалуйста.
Вертсаю сайт на этом слайдере и встала такая проблема:
Есть слайд, но он не вмещается на полный экран.
Необходимо, чтоб он при скроле он не перелетел на следующий, а докрутил слайд.
Уже часа 3 думаю над реализацией и чет в голову ничего не приходит :(
братанчик, таже проблема, как решил?
Женя подскажи,желательно бесплатные проги на подобии авакода для верстки макетов?Авакод теперь даже пробную версию поюзать нельзя,требуют карту.Про фотошоп и зеплин знаю,но это очень заморочно((
ок
я дико извиняюсь, а Swiper ведь Unresolved type в main.js, и я не видел момент когда в html мы добавляли наши булеты и драг классы, только пагинацию и скрол
вижу что все все поняли,значит, это просто я не понял , может кто пояснить ?)
Fullpage.js заюзали? Не смотрел ещё просто поинтересовался
Нет
О да, горы - это всё. А где и когда был горах?