Hello again, We’ve had a busy week working on MANY things, adding features, and fixing bugs. One much requested feature was anchors… and I’m pleased to say that Elements Beta 22 (due any minute now) will have full anchor support! Watch the video to learn more about this awesome new feature, and st…

Nicely done. It’s going to make me think a bit about how I use components, but that’s okay. This is a very elegant solution.

Thanks, was extra work to get it right, but totally worth it!

What about a timing option?, seems a bit fast for my taste. How will this be handled in regards to prefers reduced motion?

@Bill this is all standard web stuff… [image] Bill: What about a timing option?, seems a bit fast for my taste. No, Tailwind itself does not directly control the timing of the scroll. The scroll speed in smooth scrolling is controlled by the browser. [image] Bill: How will this be handl…

This looks fantastic, well done. I would like to point out that you can also use anchors by using a URL for the link with the form #anchor-name. When I first got the BETA I could not intuitively figure out how to use the popup (hadn’t watched the video yet) so I did it this way and it works flawles…

[image] handshaper: There is one more feature I would request that you consider for anchors and that is the ability to set an OFFSET You can use the scroll padding and scroll margin CSS properties for this. We don’t have controls on any component for those properties, but you can add the tai…

Anchor! Perfect! Enough said :smiley: Forms. Yes! Yes! Yes! Can’t wait to see the rabbit you pull out of the hat! Thank you for listening! I know it’s been tough and frustrating. But so so so so worth it to us!

Yes, that is an excellent suggestion and is an elegant way to solve this problem when it arises. I’ll give it a test run right now as I have a situation where I need some padding. Mahalo!

[image] ben: You can use the scroll padding and scroll margin CSS properties for this. We don’t have controls on any component for those properties, but you can add the tailwind utility class to the Advanced->CSS Classes box. Use scroll-pt-6 to add 24px scroll padding to the top of your compone…

Dev Diary Ep50 - Anchor Support

Elements

sbchasin (Steve C.) November 26, 2024, 4:51pm 3

I like how you have done this. Looks great!!

Elements Beta 22 (build 23076)

Topic		Replies	Views
Transistions Elements	27	383	July 4, 2025
✨ Smooth Scroll Component for Elements is now available Elements Store	1	63	May 29, 2026
Anchor component Elements	10	118	February 21, 2026
★ Custom Scroll ★ Speed, inertia, and navigation response Elements Store	2	109	May 23, 2026
Anchor Help please Elements	13	148	April 9, 2026

Dev Diary Ep50 - Anchor Support

Related topics