Jump to content

Sticky sidebar?

Recommended Posts

https://university.webflow.com/lesson/create-a-sticky-sidebar?topics=layout-designย 

You can see that there is a sticky sidebar ("Table of contents") on the right side.

I want that same sticky sidebar that when users click one of the sidebar menus it will auto scroll down/up to that section.

I am using version 7.1 Squarespace, personal plan

I have tried using anchor links, but there were two main issues:

1. the page 'redirects' to that section (w/o scrolling animation)

2. I don't know how to create a sticky sidebar. I was only able to create a hyperlink with anchor links .

Is there a way I can create that on Squarespace? Is it impossible to do that on the personal plan

Link to comment
  • Replies 6
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

The page address on which you want this?

Do you need something like this?

ย 

ย 

Edited by sorca_marian

๐Ÿ‘จโ€๐Ÿ”ง๐Ÿ‘จโ€๐Ÿ’ปย Contact me for development and design work - Freelancer Software engineer, Architect, and Designer UI/UX

๐Ÿ™‹โ€โ™‚๏ธย Squarespace Custom Web Development & Design

๐Ÿ“…ย Manage Tasks, Take Notes, and Upload Related Images

๐Ÿ“นย Squarespace Tutorials for free - YouTube๐Ÿ“นย 

๐Ÿ’ฏ๐Ÿš€ I have worked on over 200 Squarespace sites with custom code for over 9 years

๐Ÿ™‹โ€โ™‚๏ธย Let's connect on LinkedIn

ย 

ย 

Link to comment
Posted (edited)
6 hours ago, sorca_marian said:

The page address on which you want this?

Do you need something like this?

ย 

ย 

Yes!! This is the exact design I want to implement. Almost EXACTLY the same haha. I want to add a sidebar on the left side without any outline strokes--just like that

Edited by greentea7
Link to comment

@greentea7, I am not aware of plugins.
I built this custom feature.

๐Ÿ‘จโ€๐Ÿ”ง๐Ÿ‘จโ€๐Ÿ’ปย Contact me for development and design work - Freelancer Software engineer, Architect, and Designer UI/UX

๐Ÿ™‹โ€โ™‚๏ธย Squarespace Custom Web Development & Design

๐Ÿ“…ย Manage Tasks, Take Notes, and Upload Related Images

๐Ÿ“นย Squarespace Tutorials for free - YouTube๐Ÿ“นย 

๐Ÿ’ฏ๐Ÿš€ I have worked on over 200 Squarespace sites with custom code for over 9 years

๐Ÿ™‹โ€โ™‚๏ธย Let's connect on LinkedIn

ย 

ย 

Link to comment

@sorca_marianย Oh I am not interested in plugins, I meant custom building this feature. Do you know if it's possible to build/add a code to the personal plan website? If so could you give me some guidance? (I have a very basic understanding of html&css but I have never used a code before on my Squarespace website.) According to this pageย personal plan users can use "Code block (Basic)" and "CSS Editor."

Link to comment

@greentea7 Unfortunately you will need a plan that allows code injectionย 

Edited by sorca_marian

๐Ÿ‘จโ€๐Ÿ”ง๐Ÿ‘จโ€๐Ÿ’ปย Contact me for development and design work - Freelancer Software engineer, Architect, and Designer UI/UX

๐Ÿ™‹โ€โ™‚๏ธย Squarespace Custom Web Development & Design

๐Ÿ“…ย Manage Tasks, Take Notes, and Upload Related Images

๐Ÿ“นย Squarespace Tutorials for free - YouTube๐Ÿ“นย 

๐Ÿ’ฏ๐Ÿš€ I have worked on over 200 Squarespace sites with custom code for over 9 years

๐Ÿ™‹โ€โ™‚๏ธย Let's connect on LinkedIn

ย 

ย 

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.