Show & Hide Navigation bar on Scroll - Framer no-code tutorial

Поділитися
Вставка
  • Опубліковано 27 лис 2024

КОМЕНТАРІ • 25

  • @shroots88
    @shroots88 Місяць тому

    Excellent tutorial! Thank you so much for keeping it straight to the point!

    • @tonjrv
      @tonjrv  Місяць тому

      Thanks a lot, I'm glad that you liked it!🔥

  • @eba-rave7509
    @eba-rave7509 5 місяців тому +1

    Thank you again, Toni, for sharing such valuable info with all of us! This tutorial was exactly what I was looking for for my project! 🙌🌟

    • @tonjrv
      @tonjrv  5 місяців тому

      Awesome to hear that and super happy to hear that this was useful! 🔥

  • @AkinsRealm
    @AkinsRealm 7 місяців тому

    Hi Toni, I was checking Framer tutorials on the community, saw your interactive nav menu tutorial there, when I clicked the tutorial, saw the notification of this new tutorial looks like posted just now, thank you for useful content, watching now! 🙌

    • @tonjrv
      @tonjrv  7 місяців тому +1

      Awesome to hear that mate, you must've been the first one to see the new video! 🔥
      Btw, if you have any questions, or ideas for new videos feel free to reach out.

    • @AkinsRealm
      @AkinsRealm 7 місяців тому

      @@tonjrv Haha that might be true, I must be the first one to see :) I started to check Framer a while ago and loving it, since I recently learned/figured out creating a nav for scroll sections, even though your tutorial is more comprehensive I might create a tutorial myself :) Thanks again for the tutorials and of course I'll ask & tell you about questions/ideas whenever I have! 👏

  • @adammann42
    @adammann42 4 місяці тому

    Just tried this, worked perfectly. Thanks for the videos 👍

    • @tonjrv
      @tonjrv  4 місяці тому

      Awesome to hear that mate! 🔥

  • @purnjayparmar
    @purnjayparmar 7 місяців тому

    Quite helpful, recently I have seen it on newly redesigned Google Chrome site and it’s really amazing, thanks 💥

    • @tonjrv
      @tonjrv  7 місяців тому +1

      Thanks, awesome to hear that! Best part is how easy it is to implement with Framer🔥

  • @mrmelomaan5955
    @mrmelomaan5955 2 місяці тому

    Excellent thank you so much!! :)

  • @JordanMattKim
    @JordanMattKim День тому

    on mobile view, how do you collapse an expanded navbar when scrolling away? currently it's just hiding when scrolled away, when you scroll back up the expanded navbar appears and you'll have to close the navbar manually

  • @gorkemorg
    @gorkemorg Місяць тому

    Thanks a lot

    • @tonjrv
      @tonjrv  Місяць тому +1

      No worries!

  • @QuickDump
    @QuickDump Місяць тому +1

    yo so it works but anything that i have linked in my navigation bar like a drop down menu or a word linked i can click it even tho its invisible

    • @tonjrv
      @tonjrv  Місяць тому

      Hey, send me a message in Twitter or in Instagram, and I can try to help you out!

  • @bennystuehler
    @bennystuehler 5 місяців тому

    there is a slight problem when the navbar is sliding to the top, the content in the navbar area is not clickable anymore. do you have a fix for this?

    • @tonjrv
      @tonjrv  5 місяців тому

      Hi not sure if I understood correctly. Do you mean that when you move your pointer back to the top of the green you'd like the nav bar to come back? ✌️

  • @digital.m4uro
    @digital.m4uro 3 місяці тому

    COOL

    • @tonjrv
      @tonjrv  3 місяці тому

      🔥🔥🔥

  • @MarcinBauer
    @MarcinBauer 5 місяців тому

    How to make the menu appear on hover when it's out of view?

    • @tonjrv
      @tonjrv  5 місяців тому

      Great question! I haven't tried it, but I think you need two variants for this.
      And you have to add interaction between these two to make it work.
      I can try to play around with this at some point 👍

  • @timlind1663
    @timlind1663 4 місяці тому

    I tried, but when I am on my homepage and click in the menu to another section down below, it also disappears. I only want it to disappear if I am scrolling, not when I am using the menu. Does anyone know how to fix this?

    • @tonjrv
      @tonjrv  3 місяці тому

      Good question! You could try to set the transition to be instant instead of smooth for the link. That would be my best without trying it out. Let me know if that works!