Добрый день.
Требуется переделать информационное табло.
Суть: Сейчас имеется таблица с данными и фиксированной шапкой. Посредством JavaScript таблица автоматически плавно скроллится. Когда скролл доходит до конца таблицы, то скролл сбрасывается и все начинается с первой строчки. Из-за этого на странице наблюдаются рывки. Сейчас эта страница переделывается и хотелось-бы данный функционал реализовать по-человечески, без этих скачков снизу-вверх. Как я сделал сейчас: задействовал вертикальный слайдер из библиотеки Slick. Настроил подходящие задержки, все работает, даже всех устраивает, кроме меня. :-) Что не нравится:
- в силу природы самих слайдеров, имеется задержка между переходами и переход с шага на шаг все равно сопровождается хоть мягкими, но рывками;
- т.к. шапка и слайдер все-же разные div-ы, настроить ширину столбцов так, чтобы ширина столбцов в шапке и в самой таблице была одинаковой, не получилось, границы столбцов не совпадают. Сейчас выкрутился просто убрав бордеры в ячейках, но если начальство захочет бордеры, то х.з. что делать.
Есть мысль использовать подход предыдущего решения, но по при скролле, по достижению "дна" таблицы, javascript-ом переносить первую строчку с начала, в конец, но пока не пробовал. Может кто-то решал уже подобное и подскажет? Или может кто, где видел и поделится ссылкой?
Спасибо.