Как убрать «дёргание» сайта из-за выездного элемента?

Question

[Даниил Касьянов]

Добрый день. Есть секция из карточек, которые увеличиваются и показывают дополнительный текст, если на них навести курсор. Но есть проблема - при наведении сайт начинает "дёргаться" по горизонтали, так как высота карточки увеличивается появляется скролл. Как можно решить эту проблему? Спасибо.

https://jsfiddle.net/Kasyanov10/kmnzs4b5/10/

P.S: В jsfiddle этого не видно, но если вставить в редактор и запустить в Хроме - то дёргание видно.

Answer 1

[hzzzzl]

так себе решение, но

body {
  overflow-y: scroll;
}

а как иначе? скроллбар же будет появляться, то есть размер body будет уменьшаться

как вариант, выводить этот текст в блоке с position:absolute при наведении, как например делает википедия при наведении на ссылки, но это не то

Answer 2

[marahkro11]

Можно при загрузки страницы выключить скролл, а при полной загрузке - включить.