Подскажите, как прокрутить div в конец, в котором содержаться записи

Question

Подскажите, как прокрутить div в конец, в котором содержаться записи

отрисованные с помощью v-for?

то что вот так, это понятно
let chat = document.getElementById("chat-history");
chat.scrollTop = chat.scrollHeight;

но оно срабатывает раньше, чем нужно
куда это можно написать?

то есть метод, который подгружает записи, я пробовал в нём, в конце - не работает

#frontend #javascript #programming #russian #vue.js

0

15.09.2021

7 ответов

16 просмотров

Artyom Tuchkov

nextTick добавь

0

15.09.2021

Const 🇷🇺🇺🇲🇺🇦🇮🇱🇯🇴🇿 ҈҈҈҉҉҉҉҈҈҈҈҈҉҉҉҉҈҈҈҉҉҉҈҈҈҉҉҉҈҈҈҈҉҉҉ 🇮🇱🇯🇴🇹🇷🇶🇦🇦🇪🇬🇪🇪🇬ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ◡̈⃝ㅤ

Artyom Tuchkov
nextTick добавь

некстик - ето не про перерисовку, перерисовка - это про requestAnimationFrame

0

15.09.2021

Artyom Tuchkov

Const 🇷🇺🇺🇲🇺🇦🇮🇱🇯🇴🇿 ҈҈҈҉҉҉҉҈҈҈҈҈҉҉҉҉҈҈҈҉҉҉҈҈҈҉҉҉҈҈҈҈҉҉҉ 🇮🇱🇯🇴🇹🇷🇶🇦🇦🇪🇬🇪🇪🇬ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ◡̈⃝ㅤ
некстик - ето не про перерисовку, перерисовка - эт...

доброе утро, nextTick позволяет выполнить действие в следующем тике, в его кейсе после тика элементы будут добавлены в DOM, обновится высота дива и можно будет заюзать скролл

0

15.09.2021

Const 🇷🇺🇺🇲🇺🇦🇮🇱🇯🇴🇿 ҈҈҈҉҉҉҉҈҈҈҈҈҉҉҉҉҈҈҈҉҉҉҈҈҈҉҉҉҈҈҈҈҉҉҉ 🇮🇱🇯🇴🇹🇷🇶🇦🇦🇪🇬🇪🇪🇬ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ◡̈⃝ㅤ

Artyom Tuchkov
доброе утро, nextTick позволяет выполнить действие...

добрый вечер! повторю еще раз: некст тик - не гарантирует перерисовку ! ето вьюшная штука , а вуе - не указ браузеру

0

15.09.2021

Artyom Tuchkov

Const 🇷🇺🇺🇲🇺🇦🇮🇱🇯🇴🇿 ҈҈҈҉҉҉҉҈҈҈҈҈҉҉҉҉҈҈҈҉҉҉҈҈҈҉҉҉҈҈҈҈҉҉҉ 🇮🇱🇯🇴🇹🇷🇶🇦🇦🇪🇬🇪🇪🇬ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ◡̈⃝ㅤ
добрый вечер! повторю еще раз: некст тик - не гар...

nextTick гарантирует вызов кода в следующем тике, а в следующем тике данные будут перерисованы Vue

0

15.09.2021