@evomed

Как прокрутить окно внутри модалки вверх при нажатии на кнопку?

Юзаю sweet modal for vue https://sweet-modal-vue.adepto.as/

В модалке есть табы

<sweet-modal ref="modal">

            <sweet-modal-tab id="comments" title="comments" ref="commentsTab">
                <comments/>
            </sweet-modal-tab>

// длинный текст

// кнопка открывающая таб комментариев
<a href="" class="btn" @click.prevent="openComments">Comments</a>

        </sweet-modal>


метод который открывает таб комментариев
openComments() {
            this.$refs.commentsTab.active = true
        },


Комментарии открываются. Все хорошо. Но т.к. текст большой, то комментарии открываются не с начала, а с конца т.к. окно модалки в момент нажатия на кнопку было уже прокручено. Как в момент нажатия на кнопку открытия табов комментариев прокрутить модалку в верх?
  • Вопрос задан
  • 65 просмотров
Решения вопроса 1
Aetae
@Aetae Куратор тега Vue.js
Тлен
1. Не используй это говно, оно сделано человеком не понимающим как работать в vue.
2. Что-то типа того(не проверял):
this.$refs.commentsTab.active = true;
this.$nextTick(() => this.$refs.commentsTab.$el.scrollIntoView());
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы