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

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

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


это так?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Определение наличия вертикального скролла / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 459ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1449289]:
 0ms
get settings:
 7ms
get forum list:
 18ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 171ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 40ms
get tp. blocked users:
 1ms
others: 204ms
total:  459ms
x
x
Закрыть


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