Как заблокировать скролл страницы когда курсор на элементе canvas (babylonjs)?

Question

[burtellbee]

На странице есть элемент canvas в нем воспроизводится сцена babylon которую можно скроллить колесиком мышки, но при этом прокручивается вся страница. Как запретить прокручивать страницу когда мышка находится на элементе canvas?

Comments

[twoone]

У события mousewheel вызываете .preventDefault(). Для прокрутки клавиатурой отслеживать нажатие соответствующих кнопок и положение курсора. Если курсор над конвасом, то поведение по умолчанию также отменять.

Answer 1

[burtellbee]

В общем, решил вопрос изменением добавления камеры к сцене (все посредствами babylonjs).
Заменил добавление камеры с:
camera.attachControl(canvas, true);
На:
camera.attachControl(canvas);
И теперь при наведенном курсоре на канвас масштабируется сцена, а в него его происходит прокрутка страницы.
Буду дальше разбираться в устройстве babylon js)