Как определить находится ли селект на экране или нет?

Question

[GreenMan1899]

Проблема в том, что селект находится и скроллится внутри модалки, а не экрана. Модалка ограничена размерами экрана.
Position() использовать ненадежно, тк он рассчитывается относительно ближайшего родителя с заданным css position, чем может оказаться не тело модалки, а промежуточный тег.

Answer 1

[Алексей]

По событию скролла получаем координаты нужного select и сравниваем их с координатами нижней и верхней частей модалки. Если Y координата select находится в нужном диапазоне - выполнять требуемые действия.

Координаты верха и низа модалки - так получаются динамически средствами js

Comments

[GreenMan1899]

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

[Алексей]

По первой же ссылке в гугле - Метод elem.getBoundingClientRect()

В консоли смотрите что он возвращает и работаете с этими данными