JS властивість Object.screenY
Загальний опис
Властивість screenY об'єкта Window визначає вертикальну позицію верхнього краю вікна браузера на екрані користувача. Ця властивість надає можливість отримати або встановити значення вертикальної координати вікна відносно верхнього краю екрану.
Використання screenY дозволяє отримувати чи встановлювати вертикальну позицію вікна, що може бути корисним при роботі з розміщенням елементів на веб-сторінці, адаптації до різних роздільних здатностей екранів та підтримці відповідного відображення контенту.
Застосування на практиці:
Приклад використання screenY може бути у визначенні положення вікна під час події скролінгу:
window.addEventListener('scroll', function() {
var verticalPosition = window.screenY;
console.log('Vertical Position:', verticalPosition);
// Додатковий код для обробки події скролінгу
});
У даному випадку, властивість screenY використовується для отримання вертикальної позиції вікна під час скролінгу. Значення verticalPosition може бути використано для подальших обчислень чи відображення додаткового контенту.
Також, можна використовувати screenY для адаптації відображення елементів в залежності від роздільної здатності екрану:
if (window.screenY > 600) {
// Додатковий код для відображення елементів на екранах з великою роздільною здатністю
} else {
// Додатковий код для відображення елементів на екранах з меншою роздільною здатністю
}
Цей приклад показує, як можна використовувати screenY для умовного відображення елементів в залежності від вертикальної позиції вікна на екрані.
З використанням screenY можна здійснювати різноманітні маніпуляції з вертикальним положенням вікна, відкриваючи широкі можливості для створення адаптивних та інтерактивних веб-додатків.
| Порада: | Комбінуйте |
| Порада: | Враховуйте, що значення |
Синтаксис
window.screenYЗначення
Return
Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
1 |
1 |
1 |
12.1 |
12 |
| Переглядач | ||||
|---|---|---|---|---|
4.4 |
18 |
4 |
1 |
| Переглядач | ||
|---|---|---|
- |
- |
Приклади
У цьому прикладі ми використали властивість screenY, щоб отримати вертикальну позицію вікна, а потім вивели цю інформацію у консоль. Це може бути корисним, наприклад, при визначенні положення елементів на сторінці в залежності від положення вікна.
// Створення змінної, що містить вертикальну позицію вікна
let verticalPosition = window.screenY;
// Вивід у консоль
console.log(`У цьому прикладі вертикальна позиція вікна на екрані: ${verticalPosition}px.`);
У цьому прикладі ми використовуємо подію прокрутки вікна для динамічного визначення вертикальної позиції. Кожен раз, коли сторінка прокручується, виводимо актуальну вертикальну позицію вікна. Це може бути корисно при реалізації ефектів, які змінюються залежно від положення вікна на екрані.
// Додавання події на прокрутку вікна
window.addEventListener('scroll', function() {
// Отримання і вивід нової вертикальної позиції вікна при кожній прокрутці
let currentVerticalPosition = window.screenY;
console.log(`Поточна вертикальна позиція вікна при прокрутці: ${currentVerticalPosition}px.`);
});