Показать сообщение отдельно
  #1 (permalink)  
Старый 18.07.2017, 07:42
Интересующийся
Отправить личное сообщение для Prowler Посмотреть профиль Найти все сообщения от Prowler
 
Регистрация: 09.07.2008
Сообщений: 28

координаты в модальном окне
Добрый день!
Есть модальное окно имеющее следующую структуру:
Код:
              
                #overlay
                {
                        position: fixed;
                        background-color: rgba(0,0,0, 0.7);
                        left: 0;
                        top: 0;
                        height: 100%;
                        width: 100%;
                        overflow: auto;
                }
                #modal
                {
                        position: absolute;
                        left: 50%;
                        top: 50px;
                        transform: translateX(-50%);
                }
 <div id="overlay">
<div id="modal">
</div>
</div>
В #modal создается еще div в котором создается canvas. Размеры канвы и созданного дива задаются программно и размер зависит от картинки. Размер по вертикале становится больше чем окно браузера и появляются полосы прокрутки (на элементе #overlay).
Задача состоит в том, чтобы вычислить позиции курсора на канве. Т.е. нужно знать координаты на канве в области которая не поместилась на экране, смещена и открывается после прокрутки. pageYOffset не подходит, т.к. показывает смещение не в модальном окне, а по факту на Body.
Ответить с цитированием