Как исправить дерганья липкой шапки таблицы на мобильных?
Сделал свою таблицу на основе плагина jquery floatthead. У таблицы есть липкая шапка. И на мобильных внизу появляется скролл таблицы и первая колонка становится липкой.
Оно не только на мобильных дергается.
Прекратить использовать transform: translate для таких штук, и переделать на position: fixed; https://codepen.io/anon/pen/RJbVaK
Ессно оно не всегда должно быть fixed, а только когда доехало до границы вьюпорта.
Stalker_RED fixed - это хорошо, но не совсем подходит под данную ситуацию, когда, например, на разрешении 450 пикселей, когда снизу появляется скролл и у шапки таблицы будет fixed, мы постоянно будем видеть лишь первые несколько пунктов, что нарушает визуальное представление самой таблицы.
Stalker_REDhttps://codepen.io/malinosky/pen/QxLMag еще такой вариант попробовал реализовать (без плагина). Но в данном решении - position: fixed. А нужен - absolute => нужно вычислять top. Не понимаю, как вычислять top.
z_u_q, эта библиотека, которой вы пользуетесь - она умеет вычислять топ. Но работает она не мгновенно, и потому визуально видны дерганья. Это никак не лечится, кроме как заставить всех пользователей купить топовые железяки, например.
Оба этих примера не учитывают скролл, и последний пункт обрезан. Появление скролла можно отслеживать скриптом, если что. https://jsfiddle.net/Stalk/r8emudau/