Menu
I have a semantic ui list which contains so many items that it is longer than the window. I want to have a scrolling bar only for the list itself, however, the browser displays a scrolling bar for the complete website.
Should I put the list in a container div and set its height=100% or what is the best way to achieve this?
Thanks a lot :-)
755
Drag the list object into the block. Select the block and in the properties pane, select "Size and Overflow". In the "Size and Overflow" window, set the desired dimensions of the block. Select the "Always use scrollbars" radio button.
Is there any way to add the scroll bar for it? A: You can try to add the scroll bar for submenu manually. For this purpose you should open your page where you added the css3menu in any text editor and add class="scroll" into the <ul></ul> tag. You can also change the value of 'max-height' parameter.
A horizontal scroll bar enables the user to scroll the content of a window to the left or right. A vertical scroll bar enables the user to scroll the content up or down.
A scrollbar is an interaction technique or widget in which continuous text, pictures, or any other content can be scrolled in a predetermined direction (up, down, left, or right) on a computer display, window, or viewport so that all of the content can be viewed, even if only a fraction of the content can be seen on a ...
Add the following css to you ui list div:
height: 100%;
overflow: scroll;
To make this work, you have to make sure the div containing you list div has some fixed height. In the comment you mentioned that setting 100% doesn't work, this can happen if one of "ancestor" divs does not have fixed height.
91
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
