idea: Sticky Component.... (not just header and footer)

edited June 25 in Ideas
I don't think this is a thing yet in Skuid, but I use a website builder that allows for sticky components. Anywhere on the page you can put a component and set it to lock to the top of the page during scroll. So say you have a sticky wrapper component half way down the viewable area of the page on page load. You scroll down an inch and nothing changes.... but if you keep scrolling past the point of the sticky wrapper component where it would normally fall off the top of the viewable screen as you scroll down, the component sticks to the top and superimposes over the components beneath it as you scroll. 
Thanks for all the cool tools you keep adding!

1 votes

Under Consideration · Last Updated


  • Pat VachonPat Vachon Member ✭✭
    edited June 25
    Yup. I did something like this with drawers where the multiple levels of auto opened drawers would stick to the top of the page until the next drawer scrolled up or down in it's place.

    Would be very useful to set "stick to" boundaries for components or component elements.
  • JohnJohn Admin admin
    edited June 25
    I seem to recall seeing something like this in Webflow (what a great tool!). I love this idea. I'll add it to our internal ideas list for consideration. 

    To further the conversation a bit, what types scenarios are you encountering that prompted the desire for this? Can you describe what led to the point where you realized you could really use sticky components in Skuid? 
  • Pat VachonPat Vachon Member ✭✭
    edited October 2019
    Conditionally sticky components. 

    Ie. return to top button on bottom right scrolling down on a page. Useful on really long pages.
  • edited November 2019
    Yes, the website builder I referenced has a "first displayed" feature where you can set the component to first display x seconds after user scrolls to that part of the page, so you can create a cool effect where it just seems to intuitively appear when it "knows" it is needed.
  • David ForderDavid Forder Member
    edited December 2019
    Sticky nav menu would be great
Sign In or Register to comment.