I loved this method! thank you so much!

10/10 STILL WORKS GENIUS

Thank you! How do I disable it for mobile?

Hello great solution! I have a question: is there a way to make the scroll more smooth and with added delay? My idea is to make it feel like a traditional scroll that snaps to the next section if the users scroll to a certain point (say 2/3 of the current section)

thanks

Fcku

I don't think this works anymore. I don't have an "id" attribute in my google drive file public share link

Love it:)

Thats was super helpful. Thank you very much. <3

Can you make a new video on this (Download button) video. It is an old video, not working in updated Webflow. I am wating for your replay. 😔😪😪😔😔😟 Thank you.

Thank you so much mayn, I haven't applied this method yet but the amount of stress relief i get after watching this.....Thanks once again!!!

I love this tutorial, however I came across a problem. I have a component, and when I attempt your steps, the component is always on top of the popup despite the z-index set. Is there a fix for this?

It's fabulous

your code dosnt work

Thanks for posting this! It works great. I have a question though: being that I'm not too skilled in JS, how would I disable sections AFTER the snapping? I have a landing page where I'm using 3 snapping sections but thereafter I would love for it to scroll naturally. I'm not sure how to do that using the disabled method $.scrollify.disable();

Thanks

thank you!

I wanna add a small promotional ad in my modal, is that possible?

why you no make tutorials any more ? :(

great toturial, may I ask how can we add current state navigation dots for each section?

What if the section i want to add is home page , then what shouid be url in settings?

Fantastic, exactly what i was looking for, even now at more than 3 years later. Thanks for all your great work, hope you're still kicking ass. Very glad someone posted the adjusted link format fix in the comments, you should make a new video!

The URL structure is not the same and I'd like to offer a folder for download. Do you have a solution?

Works perfectly on the laptop but not on mobile...what adjustments need to be made to either disable it on mobile or get it to work properly on mobile?

where can I see this now

The explanation is very clear, thank you.

Thank you so much

Excellent video and explanation

is it possible that it doesnt work with a "animate while scrolling" lottie animation?

Very useful! However, how to disable snapping on mobile devices? The vertical space is so limited

great its help me Thanks

Dude, great video, everything works but a few things. One, it is not mobile-optimized. How to make it mobile and tablet friendly? Create separate interactions for those and change div block sizes? My form gets jammed and becomes of weird size. Second your method with second div block for whatever reason did not work for me. I had to still use Flex in order for a form to be centered when it appears.

I had to lower the speed to 0.75 to follow it a bit bettr, but otherwise a PERFECT tutorial to a popup box. thanks!

Thank you for this!

Thank you my friend, I set this perfect but I have one problem, before this I set up nav bar to pull me to down different section when I click buttons (about) (portfolio) (Contact us) ...Now this not working because of this :) but I wanna both things ....to pull me on section what I want when i click button and yout method ? THANK YOU

The video is 8-minute length but it took me almost an hour to follow your steps. It was too fast.

I followed the video to a T but still not snapping

I had so much trouble..then realized I had another 'submit' button for my 'close' button so the form was not closing. Once I fixed it the interaction works, thanks!

0:46 - Flex 2:20 - Margin Auto all sides, Display: Block, Position: Absolute, 0% on all sides, defined size: width in this example, 3:22 - Instead of adding an image object add it as a Background, set to Cover

0:40 - Start: First Div Block 1:59 - Another Div Block 3:42 - Third Div for a close button 4:30 - First Div Block set to display: none 4:39 - Interactions Hide/Show and Display: Block 5:00 - Initial state 5:10- Animation Ease Quad 5:38 - Close button 6:20 - Hand Cursor when hovering over close button

LIMITATION: If I use this, I can't use triggers to link to elements on the page. Has anyone found a work around this?

I’ve always heard it pronounced ‘mode-L’… rhymes with total. But what do I really know. 🤷‍♂️ 😊 Great tutorial though.

Thank You

Thank you so much for this video!

Hey! This is a great tutorial but how can I make this work if my Nav Bar is already a component? I can't click out of it to animate the modal.

Has anyone found an issue with not being able to scroll on to the next section, after, ie I have a footer section, named differently for a reason.... it only scrolls as far as the named sections in the script, then is stuck

Have you tried linking to a section? I don't think it really works.

Is it possible to add a "back" and "forward" navigation button as well? I understand how to do a jump-to section-id - but I'm specifically looking for something backward/forward

Any idea why my activation button always takes me back to the page I developed the modal on? No matter if I use a symbol (now a component) or not, it always goes back to the landing page. Scratcing my head on it. I implemented this on another site and it worked perfectly

So clear and helpful. Thank you!