On-Page Anchor Link Navigation in Elementor (Highlight Link On-Scroll of Current Section)
ฝัง
- เผยแพร่เมื่อ 26 ม.ค. 2023
- #elementor #wordpress #wordpresstutorial #elementortutorial
This is a simple Elementor tutorial for creating On-Page Anchor Links that will: jump to the section when clicked (without any additional scripts or plugins needed), and will also highlight to show an “active state” when the matching Section with ID is in the viewport that corresponds with the Nav Menu link that has the same ID entered as the URL.
-
My name is EZ Smith, aka “The WordPress Rockstar”.
I’ve been designing & building websites for over 15 years professionally. On my TH-cam Channel here I share various WordPress and Elementor tips, tricks & tutorials for building and managing websites.
Follow me on Twitter at / thewprockstar (@thewprockstar)
Like, Comment & Subscribe for more WordPress + Elementor Tutorials, see you next time!
question how do i make it smoothy go to next section on click ?
super bro tq
Oh my God I've been googling for hours because i assumed i didn't know how to get active states on an anchor link menu
and it turns out all i had to do was make the menu and it just does it automatically😮
Awesome, glad this helped! I don't remember ever seeing this documented anywhere myself, but just figured it out early on with Elementor.
@@ezsmith397 thanks, to be fair I should have at least set up the menu and links before I decided what I didn't know how to do haha
Ok perhaps I spoke to soon. I'm not getting the active states.
I have set a css-id for each section, built a menu from custom links. Everything works fine onclick but I'm not getting an active state on scroll. Any ideas? Am I missing something?
@@bougelemouge have you set your Active state styles in Elementor? If so they'll apply automatically
@@ezsmith397 I have, I was quite confused when they didn't apply. I'm using the slide down background. I tried using the underline like yours just to check but neither appeared
P R O M O S M
Have no idea what this means?