Уменьшение/Увеличение высоты дропдауна с результатами поиска

Веб-программированиеЗакрыт1 заявка217 просмотров
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Сразу скажу что задача срочная и геморная, на выполнение - в идеале 1 час, максимум 2. Поэтому прошу не оставлять отклики без достаточного опыта работы с js. Предлагайте свой прайс.

Есть поле поиска в хэдере и дропдаун с результатами по введённому ключу. Поиск осуществляется по двум категориям, соответственно там может быть 1 или 2 списка с результатами (на скрине понятней: http://img.netpeak.ua/dron/2022-09-12_182ffb.png. В каждой категории выводится неограниченное кол-во результатов, но их контейнеры ограничены определенным max-height, таким образом, если результатов много - появляется вертикальный скролл.

Непосредственно проблема:

На моб.устройствах, при изменении ориентации с портретной на альбомную, дропдаун выходит за пределы видимой области экрана без возможности просмотреть все результаты поиска.

Задача:

Дропдаун не должен выходить за пределы видимой области экрана.

Также, необходимо уменьшать max-height у списков с результатами в одной или обеих категориях, условия ниже.

Условия:

1. Если категория одна - уменьшаем max-height на разницу между позицией нижней границы дропдауна и позицией нижней границы видимой области которое не вмещается;

2. Если категории две

- и имеют одинаковый max-height, тогда делаем поочередное уменьшение максимальной высоты для каждой из них (по примеру пункта 1);

- max-height отличается - уменьшаем max-height для категории с большим значением до тех пор, пока max-height не станет одинаков.

Рабочий сниппет скину кандидатам.

Javascript
2 года назад
guest_16629774746072
2 года в сервисе
Был
2 года назад
  • Похожие заказы

  • VueJS правки в проекте, начать требуется сразу сроки 1-2 дня

    $30

    VueJS правки в проекте, начать требуется сразу сроки 1-2 дня 1. Развернуть проект на сервере (предоставим) 2. Внести в него правки 3. Отчёт по одной правке для пуша на прод Бюджет 30$ Сроки 1-2 дня Оплата ...

    Веб-программирование1 заявка
    Закрыт
    2 года назад

  • Написать скрипт оплаты c2c

    Необходимо реализовать автоматический скрипт оплаты с карты на карту через банковский сервис c2c/p2p Предлагаю несколько вариантов: 1.https://www.bankorange.ru/chastnym-litsam/perevod-s-karty-na-kartu/ 2.https://p2p.smpbank.ru/ 3.https://sbibankllc.dengisend.ru/ Должно присутствовать: Адаптивная форма оплаты Обход антифрода банка(по возможности) Возможность добавления и смены прокси Зачисление на карты рандом Алгоритм Луна Отклики типа "Готов сделать,но ниразу не ...

    Веб-программированиенет заявок
    Закрыт
    2 года назад

  • Запустить телеграмм бота на Python

    Приветствую Есть уже написанный скрипт на Питоне, которые  парсит по API данные с крипто бирж и находит пути для арбитража (лучшие сделки). Задача установить его на хостинге и привязать к телеграмм боту.  Желательно нужен человек знающий питон и ...

    PythonТелеграм бот
    Веб-программирование1 исполнитель
    Завершен
    2 года назад

  • Jango

    $10

    нужен хороший специалист , разработчик в джанго ! все подробности в личку! пишите свои цену за час работы!

    Django
    Веб-программирование2 заявки
    Закрыт
    2 года назад

  • Замена фильтра OpenCart 3

    Всем добрый день. Нужно на OpenCart 3 выполнить полную замену фильтра с Brainy Filter на OC Filter 4.8. Со всеми вытекающими, сохранить порядок вывода фильтров, сохранить вывод фильтра в производителях, акциях, страницах тегов и ...

    OpenCart
    Веб-программирование1 заявка
    Закрыт
    2 года назад

  • Правки на сайт

    Добрый день! Необходимо внести в правки в сайт на тильде, изменить уже готовые zero блоки, а также создать новые. Полное ТЗ скину кандидату. В заявках пишите сроки и стоимость. Спасибо. Категория: дизайн сайтов

    Дизайн сайтаTildaПравки на сайт
    Веб-программирование8 заявок
    Закрыт
    2 года назад