Как зафиксировать элемент при скролле

Sdílet
Vložit
  • čas přidán 27. 08. 2024
  • С помощью этого приема можно сделать залипающие иллюстрации для длинных историй, создать элементы навигации по странице.
    Другие уроки смотрите в учебнике по веб-анимации от команды Tilda Publishing: tilda.education...

Komentáře • 27

  • @user-wh2wb2pi5e
    @user-wh2wb2pi5e Před 2 lety +1

    Замечательно, эффективно. Спасибо!

  • @naljor8
    @naljor8 Před 5 lety +1

    Просто и эффектно. Спасибо за обЪяснение :)

  • @George_E.
    @George_E. Před 7 dny

    Спасибо!

  • @v_argun
    @v_argun Před 4 lety +1

    спасибо!

  • @user-xv8io1gm3d
    @user-xv8io1gm3d Před rokem

    как сделать так, чтобы на протяжении, допустим, 500 пикселей элемент был зафиксирован четко по низу экрана вне зависимости от разрешения (высоты) экрана?

    • @TildaPublishing
      @TildaPublishing  Před rokem

      Добрый день!
      Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту team@tilda.cc.
      В обращении подробно опишите задачу, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять задачу и дать максимально точный ответ.

  • @mariadawnwork9387
    @mariadawnwork9387 Před 3 lety +2

    Как зафиксировать хедер?

  • @dmitry_tsekhanovich
    @dmitry_tsekhanovich Před 5 lety +4

    Работает только на пк, как зафиксировать меню для мобильных?

    • @v_argun
      @v_argun Před 4 lety +2

      Он не будет работать на мобильных, т.к. Фото не поместится с текстом и получится что фото закрывает текст!!!

    • @v_argun
      @v_argun Před 4 lety +2

      Вот и ответ

  • @ruseller8401
    @ruseller8401 Před 4 lety +1

    Как зафиксировать кнопку в зеробоке? при скролле вверх и вниз, чтобы кнопка преследовала посетителя ?

    • @TildaPublishing
      @TildaPublishing  Před 4 lety

      Стоит попробовать создать кнопку через элемент shape и анимацию настроить по аналогии с примером на странице tilda.education/courses/webanimation/textfix/

  • @Dima-Opalev
    @Dima-Opalev Před 3 lety

    Только на safari картинка начинает "дрыгаться" да chrome тоже иногда

    • @TildaPublishing
      @TildaPublishing  Před 3 lety

      Создайте, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets, или написав на почту support@tilda.cc
      В обращении подробно опишите проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранный скринкаст, который поможет понять проблему и решить. Также уточните сразу информацию о вашем браузере и устройстве. Ее можно скопировать на странице yandex.ru/internet/

  • @maxsmirnov1787
    @maxsmirnov1787 Před 4 lety

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

    • @TildaPublishing
      @TildaPublishing  Před 4 lety

      Такого урока пока нет, к сожалению
      Вы можете это сделать с помощью Basic animation выберите нужный элемент типа shape или Image > задайте значение для параметра fixing и distance > сохраните изменения > переопубликуйте страницу
      Посмотрите, пожалуйста, пример blog.tilda.cc/fixinganimation

    • @maxsmirnov1787
      @maxsmirnov1787 Před 4 lety

      ​@@TildaPublishing А как сделать что бы внутри офсета скролилась фотография при заблокированном на экране офсете?)) надеюсь понятно сказал)

    • @TildaPublishing
      @TildaPublishing  Před 4 lety

      ​@@maxsmirnov1787 Вы могли бы отправить ссылку на страницу с примером, пожалуйста?
      Сейчас не уверены, что правильно понимаем
      Вероятнее всего будет удобнее, если вы обратитесь в нашу службу поддержки (через виджет в личном кабинете - вопросительный знак в правом нижнем углу, либо на почту team@tilda.cc)

    • @user-qf6wm2pq2g
      @user-qf6wm2pq2g Před 4 lety

      Макс, привет. У тебя получился такой эффект как ты хотел. Я вот тоже пытаюсь сделать такой эффект, когда при скроле текст двигается вверх, а фото зафиксировано, но в нём меняется изображение при скроле

    • @user-th7qe4sh1d
      @user-th7qe4sh1d Před 3 lety

      @@user-qf6wm2pq2g вау, круто! А как добиться такого же эффекта в блоке?

  • @_Al_Kuznec
    @_Al_Kuznec Před 4 lety

    Не поняла прикола, где этот блок вообще взяли??? Он стандартный ?? Как его найти?? По id ничего не ищет в блоках

    • @TildaPublishing
      @TildaPublishing  Před 4 lety

      В видео сначала копируют id шаблона страницы swinton.step-by-step-demo.tilda.ws, дальше продолжают работать в zero-block

    • @user-qo6wt1qm8e
      @user-qo6wt1qm8e Před 3 lety

      @@TildaPublishing Что то не видно куда ID ставить. Нет такого окошка.

  • @AlekseyKargapolov
    @AlekseyKargapolov Před 5 lety +4

    Впечатление, что девушка делает урок "на ходу", не выучив текст и шаги, слушать и учиться очень неудобно. Сравните с любым уроком по Webflow.

  • @bojnuk
    @bojnuk Před 4 lety

    Сделал также как и на видео у меня нет такого. Почему на видео дается неверная информация? И честно говоря... Другие ребята, которые используют ТИЛЬДУ дают верную информацию НЕЖЕЛИ те, кто создал данный ресурс - это как?

  • @4EBYRK
    @4EBYRK Před 3 lety

    тильда фу . свой код каееф position: fixed;