Мы используем файлы cookie, чтобы упростить навигацию на этом сайте. Если вы даете свое согласие на использование файлов cookie и обработку ваших персональных данных, нажмите «Принимаю».

Принимаю

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

Домой › Форумы › Общие вопросы › Взаимодействие блока HTML с 3D моделью

Просмотр 7 сообщений - с 1 по 7 (из 7 всего)
  • Автор
    Сообщения
  • 18 ноября, 2022 в 20:03 #18180
    silavent
    Участник

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

    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
    Участник

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

  • Автор
    Сообщения
Просмотр 7 сообщений - с 1 по 7 (из 7 всего)
  • Для ответа в этой теме необходимо авторизоваться.