Create JQuery Terminal where prompt is always at the bottom

Question

I've been using JQuery terminal for a project I'm working on. What I'd like is to have the terminal prompt always at the bottom of the terminal, rather than scrolling with whatever output there has been so far. Is this possible?

Welcome to SO. Please visit the [help] to see what and how to ask. HINT: Post effort and CODE — mplungjan, Feb 02 '17 at 12:18
@mplungjan I've created jquery-terminal tag for that, also Q&A link on the website point to SO. — jcubic, Feb 02 '17 at 13:15

score 0 · Accepted Answer · answered Feb 02 '17 at 13:12

You can use this css:

    .cmd {
        position: absolute !important;
        bottom: 10px;
        right: 10px;
        left: 10px;
        width: auto !important;
    }
    .terminal {
        overflow-y: hidden;
    }
    .terminal .terminal-output {
        max-height: calc(100% - 15px);
        overflow-y: auto;
    }

but note that you will not have scroll to bottom when you type something. And it will only look good if you enter only one line of text into command line, for it to work you will need to add some javascript.

I can try to create a demo that will work when you type more lines of text.

No worries, this is totally workable and helps me out greatly, thanks for the timely answer! — Wartortell, Feb 02 '17 at 14:11

Create JQuery Terminal where prompt is always at the bottom

1 Answers1