Archived topic
Sticky Columm?
7 replies · Started by William on September 23, 2021
Aloha :)
Curious if there is a way to get the right column (GB Buttons) in this design to stay fixed, while the left (GB Containers with anchors) scroll based on user clicks.
https://socialsciences.manoa.hawaii.edu/smooth/
GP Smooth scrolling is turned on and looks great!
---
Much thanks for any advice or direction you can offer as always :)
Bill
Hi there,
Give this method a shot:
https://www.youtube.com/watch?v=q9YyXSBpRR0
Very exciting! Block element with Element type >> Right Sidebar
https://socialsciences.manoa.hawaii.edu/smooth/
But when I apply your CSS rule ...
.sticky-social-icons {
position: fixed;
left:0;
top: 30%;
}
It pops out of right sidebar and locks itself to the left side of the page (as it does in your video).
I tried adding a second container around 'sticky-social-icons' ... 'sticky-con' ... but no luck.
Tried using:
.sticky-con {
position: relative;
}
.sticky-social-icons {
position: absolute;
left:0;
top: 30%;
}
I gotta be close right?
:)
THANKS Leo!
Try this for your CSS;
.sticky-social-icons {
position: fixed;
width: 240px;
}Pretty cool :) Thanks Leo!
https://socialsciences.manoa.hawaii.edu/smooth/
1) Where does the Right Sidebar go to on Mobile? Seems to disappear.
2) Rather than inject a block element into a Right Sidebar, do you think it possible to place the buttons in a right column (say 15%) of a GB Grid, with the left column (85%) scrolling up and down? I have a feeling GB grids don't work his way.
Happy Friday!
Bill
1) It does to the bottom of the page. I'm not sure how this layout would work on mobile so perhaps you want to hide it?
Yeah -- I might be heading down the wrong road here :)
Let me think this through -- thanks for the help as always Leo.
Hope your weekend was great!!
No problem :)
