theblabs
@theblabs

Как сделать, чтобы выпадающий список учитывал расположение и масштаб экрана и открывался вариативно сверху или снизу?

Есть выпадающий список, по нажатию на который раскрывается. Так как поле со списком может находится как сверху экрана, так и снизу, есть потребность в учете расположения списка и размера экрана так, чтобы список открывался либо вверх, либо вниз

Поделитесь пожалуйста скриптом на JS/TS/CSS
  • Вопрос задан
  • 324 просмотра
Пригласить эксперта
Ответы на вопрос 1
@wisead
Берете offsetHeight списка и элемента (я так понимаю это кастомный селект) и контейнера в котором он находится. Соответственно ловите на экране расположение самого элемента. Высчитываете отступ сверху от высоты контейнера. Затем когда появляется список берете разницу между его высотой и расстояние снизу от контейнера до элемента, и прибавляете эту разницу к списку, например таким способом: transform: `translateY(${offset}px)`
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы