Jump to content

colour-changing scrollbar, single page

Recommended Posts

Hello, 

I am designing a Pride page. I would like to have a scrollbar that changes colour as you scroll, covering the pride flag colours. Is there a way to do this, and only have this scroll bar design occur on that single page?

The idea: the scroll bar will start off as red, and then gradually fade (not sudden changes -- see gradient photo for idea) to orange, yellow, green, blue, and finally purple at the bottom. 

I appreciate any support people can provide. No page up yet, about to start the page from scratch. 

- Clueless2000

istockphoto-1255546717-612x612.jpg

Link to comment
  • Replies 2
  • Views 205
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

11 hours ago, Clueless2000 said:

Hello, 

I am designing a Pride page. I would like to have a scrollbar that changes colour as you scroll, covering the pride flag colours. Is there a way to do this, and only have this scroll bar design occur on that single page?

The idea: the scroll bar will start off as red, and then gradually fade (not sudden changes -- see gradient photo for idea) to orange, yellow, green, blue, and finally purple at the bottom. 

I appreciate any support people can provide. No page up yet, about to start the page from scratch. 

- Clueless2000

istockphoto-1255546717-612x612.jpg

Do you mean changing this scrollbar's color as you scroll down on a specific page? At one time, it will only have one color for scroll bar right?

image.thumb.png.e7d1f60c47db3a2eaed8be7e8cb42e3a.png

Edited by bangank36

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
20 hours ago, bangank36 said:

Do you mean changing this scrollbar's color as you scroll down on a specific page? At one time, it will only have one color for scroll bar right?

image.thumb.png.e7d1f60c47db3a2eaed8be7e8cb42e3a.png

Hello Bangank36, 

 

The scrollbar can appear as either a gradient or single colour each time; quite flexible in that regard.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.