Lock vertical scrolling in a column

Joseph Furbee

I created two columns in a section, text on left and color coded key on the right (describing relevant sections on the left). The columns fall under a <ac:layout-cell> tag. I'd like to have the right column not scroll, when scrolling down the page for the entire section. IOW, keep the right column static, so I can always see the key, while scrolling through the text in the left column. 

Is there a way withing the application or via the html code to accomplish this? I tried the <div> html property overflow-y: hidden, but that didn't work. 

Nicolai Sibler

Hi @Joseph Furbee

I don't understand what you are saying with

The columns fall under a <ac:layout-cell> tag.

but if you created your page with a page layout or with Columns and Section Macros, this user macro will help you:

@param 0:title=Width|type=string|required=true## @param 1:title=Height|type=string|required=true <style type="text/css">&nbsp;.panel { width:$param0; height:$param1; overflow: auto; } </style>## 

The macro has no body. Set width and height and add px to the values. You should put the left column in a Panel Macro, the additional scroll bar refers to that panel.

(I grabbed the user macro somewhere here but forgot who created it...)

 

Best regards,

Nicolai