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
  • 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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, 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.