Hey! I want to show you very simple, yet effective way to navigate through your page. If you are using one-page-template where navigation leads to another #handler it would be really cool if user will be smoothly scrolled down to the proper handler. “How can I do it?” you ask? Simple
That line: $('a[href^="#"]').on('click',function (e) { and especiialy the part $('a[href^="#"]') can be changed to whatever selector you wish it to be. This one says that if there is <a href="#whateveryoutypehere"> tag it will scroll down to the <... id="whateveryoutypehere" ...> tag.
I am not the author of this code, I’ve found it somewhere on the internet, but I think you could use it somehow.
~Bartek
Hey guys, we just released native smooth scrolling for in-page links! If you have links to sections in your site, all you need to do is re-publish to take advantage of it.
Here are some example pages built with Webflow that use this technique:
Smooth Thanks a lot for that feature I’d love to help you with some image slider. That’d be great to have one here too! Let me know if you need something
Yeah, after I made some internal links to my website and found out that the generated script uses 900 milliseconds, it’s rather slow for good UX. Is there any option in Webflow to increase the speed? Anywhere between 200-500 looks professional. Everything more than that enter into the “fancy” category.
This code was created and meant to be used in the early stages of Webflow, back in summer 2013. Soon after that Webflow has implemented this as a standard feature. All you have to do is to add a unique ID to a section and you can link your navigation to the specific section.