In-page Linking Without Seeing Hashtags In Browser Address

[elcalibano]

Is it possible to do In-page Linking Without Seeing Hashtags In Browser Address in Webflow?

Here is my site that I’m working on: http://scindoyan1.webflow.io/
(fyi Contact doesn’t do anything right now. Click on the other navbar items to see the navigation)

Here is a company site that has the In-Page navigation: Join Us at Kin + Carta | Careers & Current Job Vacancies
(the menu items starting with Overview, Culture, etc.)

I could see from the source code that they have hashtags for those sections in there. On the page, though, you click on a menu item, it scrolls to the section, but nothing changes in the address bar. I’d like to replicate that. On my site, the hashtags are visible in the address bar in Chrome.

[PixelGeek (Nelson)]

Hi @elcalibano

This is possible, but you would need to do it via custom jquery code.

For more information on this, please refer to this article: jquery - Animate scroll to ID on page load - Stack Overflow

For more information on custom code within Webflow, please refer to this article: Custom code in head and body tags | Webflow University

[elcalibano]

Will, Dave, Nelson, et al. I’m hoping to be able to figure out if this is really possible to do in webflow and, if so, how. I read the above response, but I still don’t understand how to do it. If someone is able to actually get a working prototype together, perhaps starting with a simple default navbar, before answering, that’d be awesome. You can take a look at my site, in the link above, to see what I’m starting with.

Thanks.