Проверка наличия скроллбара
История:
Есть на странице таблица большого размера. Эти таблица должны хорошо отображаться на мобильных телефонах, но из-за размеров приходиться помещать ее в div, который имеет overflow-x: auto;, это позволяет длинным таблицам не уходить за пределы экрана и не нарушается внешний вид информации в таблице. Таблицу можно прокручивать на экране по горизонтали пальцем.
Проблема:
Пользователь может не понять, что таблицу можно прокручивать по горизонтали и воспринять таблицу как обрезанную (ошибка на сайте) и уйти со страницы.
Решение:
Вывести удобную подсказку о том, что таблицу можно прокручивать по горизонтали.
Вопрос к сообществу:
Как проверить с помощью JS, что появился скроллбар? Получив TRUE в результате проверки, я смогу вывести подсказку.
|