@vdorokhin89

Как установить правильное смещение dom элемента(jquery, css)?

Добрый день. Столкнулся с проблемой, которую, как ни странно, гугл не помог решить. Есть таблица, нижняя часть которой скрыта и открывается кнопкой под таблицей сдвигая нижние элементы дальше вниз, что замечательно. Но вот, если доскролить до конца таблицы и опять ее закрыть, то верхняя ее часть оказывается за пределами видимости экрана, что НЕ замечательно. Есть ли способ при сворачивании оставить нижнюю часть таблицы на своем места, а верхняя, чтобы подтянулась к низу. Желательно через css.
В общем то на jquery если извлечь из таблицы (элемента на странице) offset () и присвоить значение window.scrollTop (), то примерно нужное положение получается, но откуда то берется плавная прокрутка до нужного места(возможно бутстрап накладывает анимацию), да и в общем на слабых устройствах этот вариант, мне кажется, моргать будет, даже если ее убрать. Заранее благодарю за ответы
  • Вопрос задан
  • 39 просмотров
Пригласить эксперта
Ответы на вопрос 1
@alexalexes
но откуда то берется плавная прокрутка до нужного места(возможно бутстрап накладывает анимацию)

Если сторонняя js библиотека не перебирает scrollTop для имитации прокручивания, то возможно в css указано:
html
{
  scroll-behavior: smooth;
}

Это свойство позволяет обычным способом через css указать, чтобы страница прокручивалась плавно, если меняются прокручивающиеся свойства, без указания их промежуточных значений.

да и в общем на слабых устройствах этот вариант, мне кажется, моргать будет, даже если ее убрать.

Со smooth-ом моргать не должно, так как js будет (должен) оперировать начальными и конечными значениями прокрутки, а анимацией будет управлять браузер.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы