ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Определение наличия вертикального скролла
8 сообщений из 8, страница 1 из 1
Определение наличия вертикального скролла
    #37976139
urukhay
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
urukhay
Участник
Привет.

Есть страничка. Нужно в JS определить, есть ли вертикальный скролл на ней или нет. И если есть, сделать какое-то действие.
Прочитал вот этот топик. Не помогло. Правда там скролл определяется для дива, а в моем случае для document.body. Вот пример html:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<html>
<head>
<title>Template</title>
<script type="text/javascript">
function Go() {
	var o=document.body;
	alert(o.clientWidth+' '+o.offsetWidth+' '+o.scrollWidth)
}
</script>
</head>
<body>
<input type="button" onClick="Go();" value="button">
asdf<br>
asdf<br>
...
asdf<br>
</body>
</html>



В результате, все 3 параметра, которые выводит алерт равны. Что я делаю не так или как правильно определить наличие вертикального скрола на странице?

ЗЫ: естественно, asdf<br> расписываем до дех пор, пока не появится скролл.
...
Рейтинг: 0 / 0
28.09.2012, 15:33:15
| Ответить | Цитировать | Написать  
Определение наличия вертикального скролла
    #37976144
urukhay
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
urukhay
Участник
Да, забы сказать, тестировал в опере. Раз не заработало, в остальных браузерах тестировать не стал, т.к. нужно кроссбраузерное решение.
...
Рейтинг: 0 / 0
28.09.2012, 15:35:04
| Ответить | Цитировать | Написать  
Определение наличия вертикального скролла
    #37976167
Primus inter pares
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Primus inter pares
Гость
Вы Width c Height не путаете?
Код: html
1.
alert(o.clientHeight +' ' + o.scrollHeight);
...
Рейтинг: 0 / 0
28.09.2012, 15:44:26
| Ответить | Цитировать | Написать  
Определение наличия вертикального скролла
    #37976172
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Проще проверить высоту, а не ширину. Если высота контента больше высоты вьюпорта, значит скролл есть. Если его не спрятали через overflow.
...
Рейтинг: 0 / 0
28.09.2012, 15:45:55
| Ответить | Цитировать | Написать  
Определение наличия вертикального скролла
    #37976177
webers
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
webers
Гость
посоветуйте курс обучения JavaScript для новичков
...
Рейтинг: 0 / 0
28.09.2012, 15:51:00
| Ответить | Цитировать | Написать  
Определение наличия вертикального скролла
    #37976207
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
webersпосоветуйте курс обучения JavaScript для новичков тынц
...
Рейтинг: 0 / 0
28.09.2012, 16:07:46
| Ответить | Цитировать | Написать  
Определение наличия вертикального скролла
    #37976210
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Antonariy,

Этаспам, судя по профилю.
...
Рейтинг: 0 / 0
28.09.2012, 16:09:10
| Ответить | Цитировать | Написать  
Определение наличия вертикального скролла
    #37976216
urukhay
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
urukhay
Участник
Да, простите, что значит свежий глаз)
А чем отличается clientHeight от offsetHeight? Я в одном месте нашел следующее:

Код: javascript
1.
2.
offsetHeight=borderTop+paddingTop+height+paddingBottom+borderBottom
 clientHeight=paddingTop+height+paddingBottom


это так?
...
Рейтинг: 0 / 0
28.09.2012, 16:14:24
| Ответить | Цитировать | Написать  
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Определение наличия вертикального скролла
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=37976216&tid=1449289]:
 0ms
get settings:
 5ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 272ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 32ms
get tp. blocked users:
 1ms
others: 191ms
total:  531ms
созд. / загр.: 531ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]