Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.09.2014, 09:21
Аватар для Bravo
Интересующийся
Отправить личное сообщение для Bravo Посмотреть профиль Найти все сообщения от Bravo
 
Регистрация: 26.03.2014
Сообщений: 19

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

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

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

Вопрос к сообществу:
Как проверить с помощью JS, что появился скроллбар? Получив TRUE в результате проверки, я смогу вывести подсказку.
Ответить с цитированием
  #2 (permalink)  
Старый 20.09.2014, 09:59
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от Bravo
Как проверить с помощью JS, что появился скроллбар?
Как проверить, есть ли скроллбар
Ответить с цитированием
  #3 (permalink)  
Старый 22.09.2014, 07:25
Аватар для Bravo
Интересующийся
Отправить личное сообщение для Bravo Посмотреть профиль Найти все сообщения от Bravo
 
Регистрация: 26.03.2014
Сообщений: 19

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

	if (wrapTableWidth < widthTable){
		$(".tableAlert").show();
	}
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проверка наличия класса на странице milanac jQuery 5 24.11.2013 17:53
проверка наличия определенного класса из нескольких shaltay jQuery 1 20.10.2011 20:14
проверка наличия строчки в текстовом файле a_lex jQuery 5 05.05.2010 22:58
Проверка наличия логина в БД при регистрации, с помощью ajax storng Общие вопросы Javascript 4 09.04.2010 20:24
проверка наличия jQuery uncher4 jQuery 5 06.01.2010 15:00