Изменение размеров Скроллинга

@stashappy · Регистрация: 21.08.2011

Студворк — интернет-сервис помощи студентам

Здравствуйте.

Возможно ли как-то отловить изменение размеров Скролл Бара на странице? Если возможно, то как? Спасибо.

@kalabuni · 07.06.2014, 17:16

уточните - про какой скроллбар идёт речь?
и про какие его "размеры"?

стандартная задача:
-- скроллбар у тела документа (у document.body)
-- отлавливать изменение положения скроллбара можно по событию onscroll, читая свойства scrollTop (для вертикального прокрутки) и scrollLeft (для горизонтальной)
вы именно об этом так невнятно написали?

@stashappy · 07.06.2014, 17:20 **[ТС]**

уточните - про какой скроллбар идёт речь?
и про какие его размеры?

В javascript имеется событие при изменнии окна:

JavaScript
1
2
3
window.onresize = function() {
   // код
}

Как тоже самое событие повесить на изменение размера вертикального скроллбара? Или, на изменение размера самого документа. Вот так, почему то не работает:

JavaScript
1
2
3
document.body.onresize() = function() {
   alert("Размер документа изменён");
}

@kalabuni · 07.06.2014, 17:24

посмотрите тему Как узнать позицию скролла

@stashappy · 07.06.2014, 17:32 **[ТС]**

JavaScript
1
посмотрите тему как узнать позицию скролла

Это немного другое. Мне бы хотелось отлавливать изменение размера документа по вертикали.

@kalabuni · 07.06.2014, 18:15

это не другое -- это как раз то, что вам нужно
просто с "понималкой" у вас не очень

что в вашем невнятном понимании "размер документа по вертикали" ?

по вертикали обычно рассматриваются 3 (три) размера:
-- высота окна (переменная O в коде)
-- общая высота документа (переменная С в коде)
-- величина прокрутки скролла тела документа (переменная S в коде)

в коде все эти переменные получают своё значение в момент, когда документ начинает прокручиваться (т.е. когда происходит событие onscroll), но можно узнать значения этих переменных в любой иной момент

и, наконец, у объекта document.body нет события onresize
у объекта window есть такое событие, а у document.body - нету и никогда не будет

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .

@stashappy 42 / 42 / 13 Регистрация: 21.08.2011 Сообщений: 625

	Изменение размеров Скроллинга 07.06.2014, 16:39. Показов 1669. Ответов 5 Метки нет (Все метки) Здравствуйте. Возможно ли как-то отловить изменение размеров Скролл Бара на странице? Если возможно, то как? Спасибо. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	07.06.2014, 17:16
	уточните - про какой скроллбар идёт речь? и про какие его "размеры"? стандартная задача: -- скроллбар у тела документа (у document.body) -- отлавливать изменение положения скроллбара можно по событию onscroll, читая свойства scrollTop (для вертикального прокрутки) и scrollLeft (для горизонтальной) вы именно об этом так невнятно написали? 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	07.06.2014, 17:24
	посмотрите тему Как узнать позицию скролла 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	07.06.2014, 18:15
	это не другое -- это как раз то, что вам нужно просто с "понималкой" у вас не очень что в вашем невнятном понимании "размер документа по вертикали" ? по вертикали обычно рассматриваются 3 (три) размера: -- высота окна (переменная O в коде) -- общая высота документа (переменная С в коде) -- величина прокрутки скролла тела документа (переменная S в коде) в коде все эти переменные получают своё значение в момент, когда документ начинает прокручиваться (т.е. когда происходит событие onscroll), но можно узнать значения этих переменных в любой иной момент и, наконец, у объекта document.body нет события onresize у объекта window есть такое событие, а у document.body - нету и никогда не будет 0