Hi @charlie ,
Sticky bars if you want them to work instantly (Trigger offset: 1) the bars look unresponsive as they get this delay when scrolling as they attach to the trigger offset. on scrolling back to the top they drop down after a period of time when ideally they should just seamlessly be at the top and grow if shrink is used.
this is the style that gets applied when returning to the top of the page.
transform: translate3d(0px, -100%, 0px);
you can mitigate with this but you still have to wait for an animation.
.x-bar-is-sticky {
transform: unset !important;
}
I’m suggesting an instant checkbox option. that remove this delay and transform animation. it could disable Trigger offset & Trigger selector as you want it to happen right on scroll. (maybe you might want these still but not sure.)
See my basic design.
I have added background color option as maybe it would be nice to give a color on scroll. I realise you can do this manually like so.
.x-bar.x-bar-fixed {
background-color: #fff;
transition-duration: 500ms;
transition-property: background-color;
}
Great work on all these recent new features. What a powerhouse Cornerstone is now!