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 можна здійснювати різноманітні маніпуляції з вертикальним положенням вікна, відкриваючи широкі можливості для створення адаптивних та інтерактивних веб-додатків.

правити

Порада

Комбінуйте screenY з іншими властивостями, такими як offsetTop, для узгодженого позиціонування елементів на сторінці. Це забезпечить точне розташування відносно верхнього краю вікна.

автор: Bond правити

Порада

Враховуйте, що значення screenY може змінюватися при зміні розміру вікна. Обробляйте події зміни розміру і перераховуйте значення для динамічного взаємодії з користувачем.

автор: Bond правити

+ додати пораду чи нотатку

Синтаксис

window.screenY

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1	1	≤12.1	12	9

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	4	1

Підтримка: серверні переглядачі

Переглядач
	—

Приклади

+ запропонувати свій приклад у пісочниці

// Створення змінної, що містить вертикальну позицію вікна
let verticalPosition = window.screenY;

// Вивід у консоль
console.log(`У цьому прикладі вертикальна позиція вікна на екрані: ${verticalPosition}px.`);

// Додавання події на прокрутку вікна
window.addEventListener('scroll', function() {
  // Отримання і вивід нової вертикальної позиції вікна при кожній прокрутці
  let currentVerticalPosition = window.screenY;
  console.log(`Поточна вертикальна позиція вікна при прокрутці: ${currentVerticalPosition}px.`);
});