How do I add a virtual scroll bar?

  • Resolved George

    (@georgew751)


    3 years, 3 months ago

    I am using Enlighter on my website to display code, and it’s working well, including horizontal code scrolling.

    I cannot figure out how to create a virtual window with a certain number of lines and be able to vertically scroll through the lines of code when the number of lines exceed the window height.

    Is this possible?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Andi Dittrich

    (@andi-dittrich)

    3 years, 3 months ago

    just set max-height on the container

    Thread Starter George

    (@georgew751)

    3 years, 3 months ago

    Thanks for the hint. I added the following global CSS code:

    .enlighter-default {
    max-height: 480px;
    overflow: auto;
    }

    Not sure if this is the best way to do it, but it does seem to be working.

    Thread Starter George

    (@georgew751)

    3 years, 3 months ago

    I checked out my desktop and mobile devices, and the virtual scrolling seems to be working as I expected. Thanks for the help!

    George

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How do I add a virtual scroll bar?’ is closed to new replies.

Tags