Блог

Главная - Вопросы по программированию - обнаружение события прокрутки поверх холста

обнаружение события прокрутки поверх холста

#javascript #html #canvas

#javascript #HTML #холст

Вопрос:

У меня есть iframe с прокруткой, отображающий документ. У меня также есть холст сверху, покрывающий около 90% документа, поэтому я могу рисовать там.

 <iframe id='commentingFrame'  frameborder='0' class='pageFrame' src='document' ></iframe>
<canvas id="drawLineCanvas" class='drawingCanvas' width="1400" height="900" ></canvas>

iframe.pageFrame{
    width:70%;
    height:700px;
    border:1px;
    float:left;
    overflow: scroll;
    z-index: 0;  
    position:absolute;
}

drawingCanvas{
    position:absolute; 
    z-index: 1; 
   pointer-events:none;
}

Проблема в том, что когда моя мышь находится над iframe, я хотел бы использовать прокрутку с помощью колеса мыши. Однако я предполагаю, что, поскольку холст находится сверху, прокрутка для моего iframe не работает, и вместо этого прокручивается главное окно. Есть ли способ добавить прослушиватель событий прокрутки на холст? Есть ли лучший способ решить эту проблему? Спасибо!

Комментарии:

1. Что, если бы у вас была кнопка или горячая клавиша, поэтому, когда пользователи нажимают ее, она переключает z-индекс iframe и canvas, потому что в настоящее время, как вы заявили, canvas находится поверх iframe, что мешает вам взаимодействовать с ним

2. Мне действительно нужно, чтобы холст был сверху, чтобы пользователь мог щелкнуть по нему, чтобы добавить к нему точки.