как определить позицию элемента относительно viewport в javascript

// Получим DOM элемент, позицию которого мы хотим определить
const element = document.getElementById('myElement'); // замените 'myElement' на id вашего элемента

// Получим размеры и координаты элемента относительно viewport с помощью метода getBoundingClientRect()
const elementPosition = element.getBoundingClientRect();

const elementTop = elementPosition.top; // расстояние от верхней границы viewport до верхней границы элемента
const elementLeft = elementPosition.left; // расстояние от левой границы viewport до левой границы элемента
const elementBottom = elementPosition.bottom; // расстояние от верхней границы viewport до нижней границы элемента
const elementRight = elementPosition.right; // расстояние от левой границы viewport до правой границы элемента

const isVisible = elementTop < window.innerHeight && elementBottom >= 0 && elementLeft < window.innerWidth && elementRight >= 0;