@ishimskayamahorka14

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

Здравствуйте!
Как сделать строгую привязку всплывающего окна к кнопке, которая его вызывает?
Имеется следующая проблема: кнопка "Контакты" вызывает всплывающее окно, необходимо, чтобы она при масштабировании оставалось на той же позиции, как на ФОТО 1
5d15fbc4c2aad411241394.png

При уменьшении масштаба возникает смещение:
5d15fbffacffc198350505.png
Не могу понять, как правильно сделать код для данной ситуации, поэтому прилагаю ссылку на сам сайт:
chefburger.wg3036.wg01.ru
  • Вопрос задан
  • 100 просмотров
Решения вопроса 1
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
Можно наколхозить скрипт для принудительного размещения окна в нужной точке. Для наглядного примера накидал, вариант "outside":

Ответ написан
Пригласить эксперта
Ответы на вопрос 2
iamd503
@iamd503 Куратор тега CSS
Верстальщик
Дык сделайте чтобы окно было внутри той кнопки, а не как сейчас.
Ответ написан
@dennis_d
One Love, One Front-End
Например так
position: fixed
left: 60%

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

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

Похожие вопросы