Lock vertical scrolling in a column

Joseph Furbee January 10, 2020

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. 

1 answer

0 votes
Nicolai Sibler
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
January 13, 2020

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"> .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

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events