Проверка наличия скроллбара
История:
Есть на странице таблица большого размера. Эти таблица должны хорошо отображаться на мобильных телефонах, но из-за размеров приходиться помещать ее в div, который имеет overflow-x: auto;, это позволяет длинным таблицам не уходить за пределы экрана и не нарушается внешний вид информации в таблице. Таблицу можно прокручивать на экране по горизонтали пальцем. Проблема: Пользователь может не понять, что таблицу можно прокручивать по горизонтали и воспринять таблицу как обрезанную (ошибка на сайте) и уйти со страницы. Решение: Вывести удобную подсказку о том, что таблицу можно прокручивать по горизонтали. Вопрос к сообществу: Как проверить с помощью JS, что появился скроллбар? Получив TRUE в результате проверки, я смогу вывести подсказку. |
Цитата:
|
Если говорить только о горизонтали, простого сравнения ширины не будет достаточно?
function getScrollTable() { var wrapTableWidth = $(".tableWrap").width(), widthTable = $(".tableScroll table").width(); if (wrapTableWidth < widthTable){ $(".tableAlert").show(); } } |
Часовой пояс GMT +3, время: 06:01. |