Weird move of text on sticky div when scrolling

Design help General
1

Hi All

I have a weird quirk with my sub nav, it’s a sticky div but the text moves a little erratically when I scroll… I don’t know why it’s doing this… could anybody shed some light?

Thanks

https://preview.webflow.com/preview/spring-4?utm_medium=preview_link&utm_source=designer&utm_content=spring-4&preview=57e7fc33a65c9ed877acbce8e27ad24d&pageId=5e4aa3fe73dcf3a9f619ed14&mode=preview

https://spring-4.webflow.io/real-estate-services

2

Hey @tommyboy82,

Pretty awesome site you’re constructing there.

The reason for the ‘nav-links’ jumping like that is due to a line height setting (for your font), on the ‘current’ state for that link.

Remove the line height and you should be good to go.
Keiran

See image below:

1
11753×1290 878 KB

3

Hi @knk

Thanks for the kind words… it’s getting there… never attempted a site like this on webflow before :slight_smile:

Thanks for your help, that’s fixed the jerky text.

1 Like
4

Hi @tommyboy82,

Sorry to chip in with a question rather than a solution - I hope it’s ok as your problem is already solved!

Please could I ask you how you achieve the smooth scrolling and the circular mouse pointer?

Love the site!

5

Hi @Andy_Vaughan, No worries, thanks for you kind words… still a way to go till it’s finished.

Yeah sure, I used these two…

*Smooth scrolling - https://webflow.com/website/gsap-tweenmax-scroll
*Custom Cursor - https://webflow.com/website/Drams-Custom-Cursor

Pretty straight forward and easy to follow

2 Likes
6

Very much appreciated dude! :slight_smile:

1 Like