Взаимодействие блока HTML с 3D моделью

В этой теме 6 ответов, 3 участника, последнее обновление 1 год, 10 месяцев назад сделано silavent.

Просмотр 7 сообщений - с 1 по 7 (из 7 всего)

Автор

Сообщения
18 ноября, 2022 в 20:03 #18180

silavent
Участник

Здравствуйте!
Столкнулся с такой проблемой. В сцене с 3D моделью присутствует выпадающее меню заданных размеров для вызова отдельных элементов модели. Все управление мышкой работает- модель перемещается, поворачивается и масштабируется стандартными способами. Когда при выборе отдельных пунктов меню они раскрываются, то ввиду ограниченного размера самого меню – появляется вертикальная полоса прокрутки. При наведении курсора на меню и вращении колеса мыши все работает как и должно, но при попытке прокрутить меню с помощью ползунка полосы прокрутки начинается воздействие и на 3D модель, что не есть хорошо. В чем может быть проблема?

3 января, 2023 в 19:19 #18337

solid
Customer

Попробуй поиграть tabindex
Если мышка над блоком управления или вызов пальцем, меняем tabindex и обратно, меняем на tabindex у canvas. Но возможно опоздал с ответом, только сейчас увидел))

Webgl Interactive Development https://www.blend3dweb.ru/

3 января, 2023 в 21:34 #18338

silavent
Участник

Спасибо за совет. Попробую разобраться, хотя учитывая мои познания в этой области – это будет непросто.

4 января, 2023 в 03:28 #18339

kdv
Участник

покажите приложение в работе. так будет яснее, где что подправить…

Puzzles and JS coding. Fast and expensive.

If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

4 января, 2023 в 14:52 #18342

silavent
Участник

День добрый! По ряду причин вместо оригинальной сцены загружу болванку, а меню оставлю, чтобы можно было понять проблему. В исходной позиции все работает как и должно работать, т.е. при выборе пунктов меню выделяются требуемые детали в сборке и т.д. Далее при раскрытии вложенных пунктов меню, ввиду ограниченности вертикального размера самого меню, появляется справа полоса прокрутки. Если курсор находится в зоне меню, то прокрутка его содержания колесом мыши работает как и должна, но если попытаться прокрутить меню курсором, взявшись за полосу прокрутки, то вместе с полосой начинает прокручиваться и сама модель, что не есть хорошо.

Ссылка на проект: https://v3d.net/dvl

4 января, 2023 в 16:30 #18343

kdv
Участник

добавьте подложку под нав. меню, по ширине и высоте равное нав. меню. чтоб оно перекрывало положение полосы прокрутки.

https://v3d.net/dvp

в класс htmlNoPages добавьте параметр user-select: none;, чтоб пункты в меню не выделялись случайно при перемещении полосы прокрутки. да и вообще, чтоб ничего не выделялось в принципе )))

или можно так

Puzzles and JS coding. Fast and expensive.

If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

4 января, 2023 в 16:56 #18346

silavent
Участник

Большое спасибо за совет! Все сделал по Вашим рекомендациям. Теперь все работает как надо.
Автор

Сообщения