Как установить правильное смещение dom элемента(jquery, css)?
Добрый день. Столкнулся с проблемой, которую, как ни странно, гугл не помог решить. Есть таблица, нижняя часть которой скрыта и открывается кнопкой под таблицей сдвигая нижние элементы дальше вниз, что замечательно. Но вот, если доскролить до конца таблицы и опять ее закрыть, то верхняя ее часть оказывается за пределами видимости экрана, что НЕ замечательно. Есть ли способ при сворачивании оставить нижнюю часть таблицы на своем места, а верхняя, чтобы подтянулась к низу. Желательно через css.
В общем то на jquery если извлечь из таблицы (элемента на странице) offset () и присвоить значение window.scrollTop (), то примерно нужное положение получается, но откуда то берется плавная прокрутка до нужного места(возможно бутстрап накладывает анимацию), да и в общем на слабых устройствах этот вариант, мне кажется, моргать будет, даже если ее убрать. Заранее благодарю за ответы
но откуда то берется плавная прокрутка до нужного места(возможно бутстрап накладывает анимацию)
Если сторонняя js библиотека не перебирает scrollTop для имитации прокручивания, то возможно в css указано:
html
{
scroll-behavior: smooth;
}
Это свойство позволяет обычным способом через css указать, чтобы страница прокручивалась плавно, если меняются прокручивающиеся свойства, без указания их промежуточных значений.
да и в общем на слабых устройствах этот вариант, мне кажется, моргать будет, даже если ее убрать.
Со smooth-ом моргать не должно, так как js будет (должен) оперировать начальными и конечными значениями прокрутки, а анимацией будет управлять браузер.
Простой