Как сделать анимацию меню в Webflow

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ต.ค. 2024

ความคิดเห็น • 33

  • @assemessen1214
    @assemessen1214 6 ปีที่แล้ว +2

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

  • @НиколайПрутков-ж7л
    @НиколайПрутков-ж7л 6 ปีที่แล้ว +1

    Классный урок. Очень много ценной информации. Спасибо.

  • @ЕгорЕремидов
    @ЕгорЕремидов 6 ปีที่แล้ว +1

    Спасибо огромное!! Пишу коммент посмотрев только 1 минуту видео! Лайк, коммент, подписка! Ты крут

  • @СтивуляСтивулин
    @СтивуляСтивулин 5 ปีที่แล้ว +1

    Спасибо за урок) Хотел добавить, что картинку еще желательно скрывать, когда она не в поле зрения, а то при скроле вниз она на следующий блок залезает)

    • @webflowpro
      @webflowpro  5 ปีที่แล้ว

      Ага, можно у навбара поставить Overflow: hidden, тогда картинку не будет видно

  • @ДенисТерехов-з5и
    @ДенисТерехов-з5и 2 ปีที่แล้ว +1

    Доброго времени суток! Хочу сказать вам огромное спасибо за полезный контент. У меня вопрос: у меня не получается почему то настроить линки чтобы они выезжали друг за другом, почему то когда я захожу в интеракцию и начинаю делать первый линк, когда я выбираю его и задаю ему команду Move то у него уже изначально почему то стоит Affect: Class(Only children with this class), а должно стоять как у вас Affect: Selected Element соответственно дальше ничего не получается. Почему так?

  • @НиколайПрутков-ж7л
    @НиколайПрутков-ж7л 5 ปีที่แล้ว

    Ещё раз сегодня пересмотрел этот урок, и вот в связи с чем - есть потребность в понимании создания сложного меню ( меню содержащего подменю), естественно , адаптированного под смартфон и т.п. Я думаю, не только у меня одного. Есть ли хоть какая возможность сделать небольшой урок на эту тему и показать народу , как правильно себя вести при решении этой нестандартной задачи? Я думаю, что люди будут весьма признательны..

  • @ЮлияКрамаренко-к4щ
    @ЮлияКрамаренко-к4щ 2 ปีที่แล้ว

    здравствуйте) помогите разобраться ) данный вариант подходит, если у нас 1я страница занимает видимый экран, и вместо белого фона мы ставим картинку , т.к. если лендинг листать вниз , то меню остаётся сверху.. хотела чтобы бургер плавал с лендингом и открывал все это поверх при нажатии. но задний белый фон получается у нас первый в лендинге.. сделала для див ещё анимацию размера с нуля до 100pv и наоборот, белый фон исчез и бургер уже на фоне моего лендинга.. чтобы бургер ездил и меню открывалось в любом месте лендинга -поменяла позишн у навбар на фиксд, он сжался почему то, сделала размер нав 100%.. и вроде все ок, но нажатие бургера теперь срабатывает 2раза- открыли закрыли и все, далее оно даже не кликабельное и нет руки.. в чем может быть проблема ?(

  • @сергейветров-н7у
    @сергейветров-н7у 4 ปีที่แล้ว

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

    • @webflowpro
      @webflowpro  4 ปีที่แล้ว +1

      Спасибо. Попробуйте просто всем отдельно задать смещение. Я понял, что от этого хака только больше проблем)

    • @сергейветров-н7у
      @сергейветров-н7у 4 ปีที่แล้ว

      @@webflowpro да, я так и сделал, спасибо.

  • @Oleksandr_Chumachenko
    @Oleksandr_Chumachenko 2 ปีที่แล้ว

    Добрый день. Спасибо Вам за видео! Подскажите пожалуйста, если в меню навбар в моб. версии есть дропдаун, как настроить навбар?, что бы при клике в дропдаун на элементы, все не закрывалось, только после выбора(например выбор среди чекбокс). Заранее спасибо!

    • @webflowpro
      @webflowpro  2 ปีที่แล้ว

      Добрый день. Скиньте read only link посмотрю

  • @kendzerskiy
    @kendzerskiy ปีที่แล้ว

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

    • @webflowpro
      @webflowpro  ปีที่แล้ว

      Так сложно сказать, напишите в телеграм t.me/webflow_pro

  • @stanislavosipov2838
    @stanislavosipov2838 ปีที่แล้ว

    Здравствуйте, подскажите пожалуйста как сделать что бы меню закрывалось не только по нажатию по Бургер в нав баре, но и по клику на задний фон? При этом что бы в меню Бургер отрабатывала анимация второго клика, что бы при нажатии опять на Бургер все срабатывало корректно? Может у вас есть на эту тему видео? Подскажите пожалуйста.

    • @webflowpro
      @webflowpro  ปีที่แล้ว

      Здравствуйте. WF немного изменили поведение меню. Попозже запишу видео как решить проблему

    • @stanislavosipov2838
      @stanislavosipov2838 ปีที่แล้ว

      @@webflowpro Спасибо! Какие то способы подходят, и у вас на канале есть видео, но у меня на сайте бургер превращается в крестик по первому клику, а по второму обратно возвращается , по этому не получается сделать по клику на бек граунд.

    • @stanislavosipov2838
      @stanislavosipov2838 ปีที่แล้ว

      Если кликнуть по бек граунду, то меню закрывается но крестик не возвращается в бургер, и ещё проблема в том, что если кликнуть на бургер потом, то отрабатывает вторая часть анимации, то есть закрытие.

    • @webflowpro
      @webflowpro  ปีที่แล้ว

      @@stanislavosipov2838 напишите мне в телегу t.me/ivanmayorov

    • @stanislavosipov2838
      @stanislavosipov2838 ปีที่แล้ว

      @@webflowpro Спасибо, написал

  • @papanderos
    @papanderos 5 ปีที่แล้ว

    Можно ли при раскрытии меню чтоб весь контент смещался вправо? Как здесь при нажатии на кнопку "more informations" - themehelite.com/themeforest/legend/index-constellation.html#

  • @rhenz4403
    @rhenz4403 5 ปีที่แล้ว

    Спасибо большое за урок.
    Но, у меня почему-то анимация открытия меню (именно эффект появления очередности пунктов) проигрывается только один раз. marks-first-project-53604f.webflow.io/

  • @raymoon639
    @raymoon639 5 ปีที่แล้ว

    Здравствуйте. Не могли бы мне помочь?
    У меня все получилось, спасибо. Но вот Navbar перекрывает весь контент сайта : там где есть навбар - нельзя кликнуть на контент (выделить текст или нажать кнопку). Я не знаю что с этим делать. Перепроходил урок, пробовал с помощью интеракций исправить, но знаний недостаточно. Я немного исправил проблему : при загрузке сайта, контент кликается (можно выделить текст сайта), но стоит открыть и закрыть Navbar, как все возвращается в исходное состояние (при клике на текст, кликается на навбар). Помогите)

    • @raymoon639
      @raymoon639 5 ปีที่แล้ว +1

      Ура, разобрался : задал навбару ширину 0px и все стало хорошо) Див Nav Menu у меня фиксированный, поэтому на него не распространяется ширина родительского Navbar 0px : при раскрытии меню, он появляется во всей ширине.

  • @papanderos
    @papanderos 5 ปีที่แล้ว

    А у меня кнопка меню вместе с навбаром двигается. Т.е. когда меню скрыто, то и кнопку тоже не видно. Что я делаю не так?

    • @webflowpro
      @webflowpro  5 ปีที่แล้ว

      Только сегодня отвечал на подобный вопрос. yadi.sk/i/61c0mMFFG-IQxA Посмотри, может у тебя такая же проблема

    • @papanderos
      @papanderos 5 ปีที่แล้ว

      Спасибо за помощь. Так-то все логично, но не понятно было как поправить. В присланом видео все понятно изложено. Еще раз спасибо

  • @НикитаАчимов
    @НикитаАчимов 5 ปีที่แล้ว +1

    Привет , мне 12 лет я очень интересуюсь такой тематикой . Что мне делать если я хочу пойти на твой курс , а денег нету.

    • @webflowpro
      @webflowpro  5 ปีที่แล้ว +1

      Привет. Можешь научиться на уроках от Webflow university.webflow.com/videos

  • @alexey36rus
    @alexey36rus 4 ปีที่แล้ว

    Ребят, никто не знает в чем проблема? Теперь когда удаляешь Nav Bar при нажатии на кнопку меню (бургер) весь экран блокируется, невозможно нажать ни на ссылку, ни на кнопку под навигацией. Как будто какой-то невидимый слой не отключается и перекрывает весь контент.

    • @webflowpro
      @webflowpro  4 ปีที่แล้ว +1

      Привет. Вот в этом видео объясняю как решить www.loom.com/share/e4483aeca7cd4d31a421a4e6265bfd37

    • @alexey36rus
      @alexey36rus 4 ปีที่แล้ว

      Большое спасибо!!! К сожалению, не нашел решение этого момента в видео, может, ссылка другая?