1 Minute Figma Tutorial - (Advanced) Sticky Scrolling

Поделиться
HTML-код
  • Опубликовано: 16 июн 2022
  • Scroll content on top of sticky content

Комментарии • 23

  • @lakshaynagpal3626
    @lakshaynagpal3626 3 месяца назад +2

    that's why i say, channels with tiny bits of subscribers are the most helpful ones.

  • @zeddnl6514
    @zeddnl6514 Год назад +2

    this quick tips are actually the ones that are helpful

  • @rodi2641
    @rodi2641 Год назад +3

    World needs heros like you

  • @bisdakaraokeatbp
    @bisdakaraokeatbp 3 месяца назад

    Thank you for this workaround! It worked!

  • @user-hd4zb9vo3u
    @user-hd4zb9vo3u 2 месяца назад

    Great tutorial, thank you!

  • @roshanakgolesorkhi2806
    @roshanakgolesorkhi2806 3 дня назад

    Life Saver!!!!! Thanks a bunch!!

  • @creativereflux4336
    @creativereflux4336 10 месяцев назад

    Thanks Man!

  • @georgeception
    @georgeception Год назад +1

    Fast and useful!

  • @cristiangeorgescus
    @cristiangeorgescus Год назад +2

    life saver!!!!

  • @carbonwarrior
    @carbonwarrior Год назад +3

    Neat trick, thank you. Any idea if it's possible to make a second level sticky scrolling? Let's say you scroll up and the "17 Completed Books" title goes until "Bookikeepr" app title. Continuing scrolling is there a way to freeze "17 Completed Books" in that position and only scroll up the white book info cards list? In reverse, you can scroll down the cards in the list, and at the top of the list you scroll down the whole "Completed books" drawer as well. Does it make any sense?

    • @driesvaesen
      @driesvaesen 9 месяцев назад

      Hey - have you found a solution for this? I need this as well 😊

    • @notecc
      @notecc  9 месяцев назад +1

      @@driesvaesen the latest figma updates have a feature called sticky scrolling that solves for all of these I believe!

  • @sleatery3289
    @sleatery3289 11 месяцев назад

    fast and useful

  • @diddypritzel6682
    @diddypritzel6682 Год назад

    question though, with this method it seems the horizontal scrolling element would not work as well, correct?

    • @notecc
      @notecc  Год назад +1

      Nope should work just as well. You can embed as many scrollers into each other as you want

    • @diddypritzel6682
      @diddypritzel6682 Год назад

      @@notecc thanks for the response. what I mean is "in tandem" so if your thumb is over the vertical and the horizontal elements, and you dont swipe directly down but maybe almost down slightly left, would it vertical scroll and do a small amount of horizontal scrolling at the same time?

  • @eduardokerber2931
    @eduardokerber2931 6 месяцев назад

    i am getting a problem were i need a component to be inside a frame with horizontal scroll enabled, but i don't want it to be able to scroll.
    till there fine, i make the frame the same width as the component and it works, problem is, as soon as I add a dropshadow to the component it can now scroll to to side.

    • @eduardokerber2931
      @eduardokerber2931 6 месяцев назад

      best i could do was put another frame around the one with dropshadow and enable clip content, sadly that is basically the same as removing it.

  • @alexlee8511
    @alexlee8511 Год назад

    I got my content to scroll. However, it does not scroll that far up. How do I fix this issue?

  • @nickrig2383
    @nickrig2383 9 месяцев назад

    i followed the steps but when i scroll, the back frame with the 3 books in progress is shown to the back

    • @notecc
      @notecc  9 месяцев назад

      Make sure that clipping is ticked in the framing element. Andntbayxthwbframe has a background color

    • @nickrig2383
      @nickrig2383 9 месяцев назад

      @@notecc didn't get it