Skip to main content
Syeds
Syeds
Inspiring
May 10, 2023
Answered

Fixed Position In a Component

  • May 10, 2023
  • 1 reply
  • 1274 views

I have a sidebar filter that is a component with multiple states but I would like that filter fixed as the page scrolls. I have fixed position groups out of a component but I do not know how to achieve this from within a component. Is it even possible? and How? Thanks.

This topic has been closed for replies.
Correct answer Spas K.

@Spas K. Thanks for doing this. I actally achieved this already. Thanks for your previous guidance wen I was in my earlty stangeg of learnign Abode XD. I actually am looking if it is possible to fix the position from"Reset Filters >" to the end of the tag clound "Private schools" The verticle scroll I am talking about is the page scroll.


Oh, okay, I see. I just now noticed that your sidebar is a part of a larger component, along with the elements on the left (image, title, cards and so on). You can't fix elements within a component independently. If you want to fix the sidebar only, you'll have to take it outside of the "The NAEP Blog" component, which might require you to change how the whole thing works. Anything that's part of a component moves together, so you can't partially fix elements from it.

1 reply

Spas K.
Spas K.
Community Expert
May 12, 2023

Hey there! Could you post some screenshot of how it's set up and what you need to be fixed position? Is the whole sidebar going to be fixed? You can't make parts of a component fixed, but you can do it for the whole component.

Syeds
SyedsAuthor
Inspiring
May 12, 2023

No, entire sibar does not need to be. Only the sidebar content which scrolling vertically needs to be fixed. 

 

Syeds
SyedsAuthor
Inspiring
May 18, 2023

Oh, okay, I see. I just now noticed that your sidebar is a part of a larger component, along with the elements on the left (image, title, cards and so on). You can't fix elements within a component independently. If you want to fix the sidebar only, you'll have to take it outside of the "The NAEP Blog" component, which might require you to change how the whole thing works. Anything that's part of a component moves together, so you can't partially fix elements from it.


Yes, you are correct and that what I did. I had to change up my component structure a bit but I got what I intended. I appreciate you lookingi into it. Take care.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices