Как правильно расположить элемент?

Question

[Zangar]

codepen.io // моя часть кода в конце основного кода плагина
Не получается прилепить курсор к тексту 2(.credits)

Стоит ли использовать динамическую генерацию и нумерацию классов, например typed-cursor; typed-cursor2 ... typed-cursorN? Если да, то как?

build: function() {
            // Insert cursor
            if (this.showCursor === true) {
                this.cursor = $("<span class=\"typed-cursor\">" + this.cursorChar + "</span>");
                this.el.after(this.cursor);
            }
            this.init();
        }

Comments

[Zangar]

Используется плагин typed.js

Answer 1

[Алексей Рытиков]

Судя по результату работы скрипта span.typed-cursor прилепляется следующим соседом после того элемента, к которому применили .typed(), т.е. если вы сделали .credits{position: absolute;}, то span.typed-cursor, будучи соседом не сможет нормально прилепится справа. Значит вам нужно ваш span.credits обернуть в родительский и уже родительскому сделать .credits-parent {position: absolute;bottom: 0;}.
codepen.io/anon/pen/ZGXZJW

Comments

[Zangar]

Благодарю, спасибо большое