Add scroller to column

Hi, I am creating an FAQ’s section to my site and want to add a scroller to the section.

Here is my site:

Here is what I want to accomplish (the common questions section):
https://trypaintball.com/learn-more-about-paintball/

How can I make it so that column has a scroller?

Thank you!

Hello @dannycort,

Thanks for writing in!

Please be advised that the height of the column is dependent to the total height of the elements inside the column. To fully achieve what you have in mind, you must enclose the text with a container like content area element or use a single text element and then in the “Customize” tab, insert an element inline css:

$el {
  max-height: 320px;
  overflow-y: scroll;
}

Please be aware that you cannot set a height or maximum height to the column itself because when you do, as you scroll it, the custom headline or headline element will move away unlike what you have in the example below:

Hope this helps.

Worked perfectly. Thank you!

Hello Danny,

In case you want to read more about the previous solution, you can check these links:

https://www.w3schools.com/cssref/pr_pos_overflow.asp

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.