Swap Content on Scroll in Webflow

Поделиться
HTML-код
  • Опубликовано: 4 окт 2024

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

  • @shayanzaidi2836
    @shayanzaidi2836 Год назад +20

    Love the new look, Tim! Everyone knows you're a webflow legend but it's not said enough how good of a designer you are too. Thank you so much for your content

    • @system2213
      @system2213 Год назад +6

      Well said. Tim is the gold standard for webflow tutorials. It's insanely rare for one individual to be so good at 4 complementary skills (Webflow/Code/Design/Teaching). We hit the jackpot with this guy. Loads of great content on his Patreon too.. definitely take a look if you can afford a few bucks a month.

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

    Always amazed by your tutorials!
    You prove that nothing is impossible to do! Thanks Tim

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

    This is EXACTLY what I was looking for. I knew you'd be the one to make this Tim :) My design is very different but the idea is the same. Will share when It's done.

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

    First video I've seen from you.
    Thanks for the tutorial, straightforward and a really great help for the project I'm working on. Much appreciated!

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

    🎉WOW I’m inspired to work on my own portfolio with such animations. Thanks Tim

  • @midnightstudio3579
    @midnightstudio3579 Месяц назад +1

    great job

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

    thank you so much man, you're a legend

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

    Damn this guy is next level

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

    You are so genious......

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

    Thanks for this Tim, not sure what it could be but there's a quick flicker after scrolling past the first section from pageload. This is the only time the flicker happens until reload of the page.

  • @jasongarwood306
    @jasongarwood306 5 дней назад

    Can the is-active class be added to elements within a list item instead of the whole item so that this can be done with one collection list? I am hoping to pair this with finsweet's cms filtering which works best with one collection list

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

    Thanks so much for the awesome tutorial and all of your content, it is so helpful! I was wondering how to or if it's even possible to link/navigate to the "Plan, Design, Build" sections from a top nav? So, perhaps there's a bunch of content above the plan/design/build section and in the top nav there is a Parent link called "Our process" and a dropdown nav with "Design" "Plan" "Build". Would it be possible to jump to the anchored "Our process" section further down the page and then show whatever the user clicked on in the dropdown? E.g. Plan or Build. Hopefully I'm explaning myself properly 😬

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

    Hi Tim. I noticed that this one is setup similarly to your Flyreel clone, in that you are using a trigger div. On the Flyreel clone though, you have multiple trigger divs and use them to trigger webflow interactions which scrub your lottie animation to different points of the animation. Can that also be done on this one, so that different CMS items trigger scrubbing of a lottie file? I've been trying to get it working but there's only one trigger div so I'm finding it very difficult. Any pointers would be hugely appreciated!

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

    Hello! This tutorial really helped me. Thanks Timothy Ricks. I came here to ask if anyone got it to work with nested lists using finsweet attribute nest ? I have used nest to get my collection items but for some reason the script does not manage to count the children elements of the list. If anyone has an idea thank you very much

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

    Gosh that's complicated. I just want my navbar to change colour (mainly the logo).

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

    Do you have any plans to do a persistent dark mode for webflow? Lots of people looking forward to this.

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

      Good question! I have a tutorial for that already in Patreon. www.patreon.com/posts/66950007

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

    Hi Tim, it is posssible to change the photos when scroll? instead of having the exact 3 photos

  • @sinanouri5035
    @sinanouri5035 7 месяцев назад

    what if we had the animation on mobile screen ?
    does this work on mobile browsers ?

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

    Can you do this also in Wordpress (Elementor) ?

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

    This is amazing man!

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

    is it possible to modify this to scroll the content within content_list-item? and as you scroll to the bottom of that, it would switch to the next item

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

    Sir i need long projects on webflow plus figma

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

    I am trying to do the with embedded code it's an i frame

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

    Hey Tim, how do you get Webflow to look like that? I mean with the vivid blue and vivid purple colours when you select stuff in the sidebar?

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

      These are the new colors for WebFlow

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

    DOpe

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

    👋👋👋👋