Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Проверка наличия скроллбара (https://javascript.ru/forum/events/50294-proverka-nalichiya-skrollbara.html)

Bravo 20.09.2014 09:21

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

Проблема:
Пользователь может не понять, что таблицу можно прокручивать по горизонтали и воспринять таблицу как обрезанную (ошибка на сайте) и уйти со страницы.

Решение:
Вывести удобную подсказку о том, что таблицу можно прокручивать по горизонтали.

Вопрос к сообществу:
Как проверить с помощью JS, что появился скроллбар? Получив TRUE в результате проверки, я смогу вывести подсказку.

рони 20.09.2014 09:59

Цитата:

Сообщение от Bravo
Как проверить с помощью JS, что появился скроллбар?

http://javascript.ru/forum/events/16...tml#post101552

Bravo 22.09.2014 07:25

Если говорить только о горизонтали, простого сравнения ширины не будет достаточно?
function getScrollTable() {
	var wrapTableWidth = $(".tableWrap").width(),
		widthTable = $(".tableScroll table").width();

	if (wrapTableWidth < widthTable){
		$(".tableAlert").show();
	}
}


Часовой пояс GMT +3, время: 06:01.