www.wysiwygwebbuilder.com

alan_sh wrote: Mon Feb 12, 2024 12:20 pm No - it needs the right side to scroll differently to the left side.

crispy68 wrote: Mon Feb 12, 2024 2:21 pm I believe you could accomplish this using sticky layers.

crispy68 wrote: Wed Feb 14, 2024 2:32 pm Hey Alan,

I'm not at home but honestly you wont need it. It is very easy. Here is what I did.

1. Insert a grid (1x 5x 5x 1x).
2. In column 2, insert a text object. Add a lot of text so that it's long and will scroll.
3. In column 3, insert a grid and set it to sticky. All I did was set the background of the grid to blue and rounded the edges. Insert a text object into this grid.

That's it!

VictorKrs wrote: Wed Feb 14, 2024 3:30 pm

crispy68 wrote: Wed Feb 14, 2024 2:32 pm Hey Alan,

I'm not at home but honestly you wont need it. It is very easy. Here is what I did.

1. Insert a grid (1x 5x 5x 1x).
2. In column 2, insert a text object. Add a lot of text so that it's long and will scroll.
3. In column 3, insert a grid and set it to sticky. All I did was set the background of the grid to blue and rounded the edges. Insert a text object into this grid.

That's it!

Hello, Crispy 68!

I couldn't do it.
The nested layout grid is stuck to the top and does not move when scrolling.
If it is not difficult, as soon as such an opportunity appears, please post a link to the project file! I'll see where I'm doing it wrong.

Sincerely, Victor

wwonderfull wrote: Wed Feb 14, 2024 4:24 pm

VictorKrs wrote: Wed Feb 14, 2024 3:30 pm

crispy68 wrote: Wed Feb 14, 2024 2:32 pm Hey Alan,

I'm not at home but honestly you wont need it. It is very easy. Here is what I did.

1. Insert a grid (1x 5x 5x 1x).
2. In column 2, insert a text object. Add a lot of text so that it's long and will scroll.
3. In column 3, insert a grid and set it to sticky. All I did was set the background of the grid to blue and rounded the edges. Insert a text object into this grid.

That's it!

Hello, Crispy 68!

I couldn't do it.
The nested layout grid is stuck to the top and does not move when scrolling.
If it is not difficult, as soon as such an opportunity appears, please post a link to the project file! I'll see where I'm doing it wrong.

Sincerely, Victor

You need to set the grids to flex from default.

crispy68 wrote: Wed Feb 14, 2024 2:32 pm Hey Alan,

I'm not at home but honestly you wont need it. It is very easy. Here is what I did.

1. Insert a grid (1x 5x 5x 1x). Set Grid System to either Flexbox or CSS grid.
2. In column 2, insert a text object. Add a lot of text so that it's long and will scroll.
3. In column 3, insert a grid and set it to sticky. Grid System can be any choice. All I did was set the background of the grid to blue and rounded the edges. Insert a text object into this grid.

That's it!

crispy68 wrote: Wed Feb 14, 2024 6:50 pm Sorry, I always set grids to use flexbox (rarely, if ever, use default) and failed to leave that part out. I have updated my previous post.

crispy68 wrote: Thu Feb 15, 2024 4:49 pm @Victorkrs

When I mentioned creating a grid that was 1x 5x 5x 1x, it was to communicate to users how I created the demo I provided so that you could recreate it yourself. It was not a recommendation.

I typically will add 1x to each side to create spacing on each side of the website so that it doesn't fill the screen end to end. Aesthetically, I like the look better. Since there are 12 grid columns, the width of each column is about 8.33% of the total screen size. On a 1920px wide screen, that gap is about 160px on each side. At 1366px wide, it is 114px wide and so on. This stays proportionate with the other columns as the screen size decreases.

Using margin as alternate method works too but I think in WB it only allows a fixed px width where the column method is percentages. You could add your own CSS to use percentages instead but that requires adding additional code.