2 blocks: one static, one scrollable

Hey Sebastian,

Thank you for the inquiry.

You can use the Column elements from the Advanced Layout Builder (ALB). Add a custom CSS class to the first (left) column (for example, av-column-with-scrollbar), then add custom css to limit its height and enable a scrollbar.

.av-column-with-scrollbar {
  height: 100vh; 
  overflow-y: auto;
  overflow-x: hidden;
}

For the right column, add the class name “av-column-without-scrollbar”, then add this css code:

.av-column-without-scrollbar {
  height: 100vh;
}

Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the update.

The Row Settings > Row Layout > Equal Height Columns option should be disabled. We edited the page and disabled this option. It should now be working as expected.

Best regards,
Ismael

Hi,

Thanks for the update. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard