Почему объектом можно указать только html а не window или что-то другое?

Question

[Александр]

Изучаю jquery, написал скрипт (на скриншоте), и не понимаю, почему в функции с анимацией могу обьектом указать только html, не window, не body а только html. Вообще не понимаю как это работает. Почему в девятой строчке могу обратиться к window а к html нет.

Comments

[ProjectSoft]

Вы знаете что такое this в 10-ой строчке кода?
Попробуйте пред условием вывести в консоль и посмотрите в инструментах разработчика, что он выдаст в консоли.

$(window).on('scroll', function(){
console.log(this);
});

Почему именно к window? Потому что вы скролите окно, в котором находится html. Именно window генерирует первым событие scroll. Обратиться вы можете к чему угодно. Главное, чтобы объект вам отдавал то событие, которое вы ждёте.

Answer 1

[zxscv]

объект window содержит в себе объект document а он содержит в себе дерево DOM со всеми элементами.
Правильнее всего в вашем примере использовать объект window либо объект document. Поэтому если в вашем примере вы скроллите html или body, то через хвост виляете собакой. Использование селекторов html или body на самом деле допустимо, но часто приводит к проблемам кроссбраузерности. Поэтому если уж писать неправильно, то пишут $("html,body").on("scroll".....