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