鼠标滚轮操作UIAnchor或者marker顶牌时如何不触发场景的缩放

实现效果：鼠标滚轮在marker或者UIAnchor顶牌上滚动不触发场景缩放。如图:


链接效果：https://www.thingjs.com/s/31f2d37a2fc41da535ccabb5
核心代码：

1. //  marker001 为元素的id
   
2. document.getElementById('marker001').addEventListener('wheel', (ev) => {
   
3.                     ev.stopPropagation()
   
4.                 })

复制代码

整体代码如下：

1. var app = new THING.App({
   
2.     url: 'https://www.thingjs.com/static/models/factory',  // 场景地址
   
3.     background: '#000000',
   
4.     env: 'Seaside',
   
5. });
   
6. 
   
7. // 场景加载完成的回调函数
   
8. app.on("load", function () {
   
9.     let name = '叉车'
   
10.     const markDown = document.createElement('div');
    
11.     markDown.innerHTML = `
    
12.     <div class='name' id='marker001' style="pointer-events:all;height: 150px;width: 320px;">
    
13.         <div style='width:320px;height:87px;line-height:87px;color:#FFFFFF;background-size:cover;background-repeat: no-repeat;background-image:url("/uploads/wechat/703071/file/marker滚轮事件不传递到场景事假上/img/顶牌_单名称栏_基础_右.png");text-align:center;font-size:38px;'>
    
14.         ${name}
    
15.         </div>
    
16.         <div style='width:100%;height:30px;margin-top:20px;'>
    
17.         <div style='width:25px;height:15px;color:#FFFFFF;margin:0px auto;background-image:url("/uploads/wechat/703071/file/marker滚轮事件不传递到场景事假上/img/顶牌_底三角.png");background-size:cover;'>
    
18.         </div>
    
19.     </div>
    
20.     `
    
21. 
    
22.     $('#div3d').append(markDown)
    
23.     app.create({
    
24.         type: 'Marker',
    
25.         name: '叉车顶牌',
    
26.         alwaysOnTop: true,
    
27.         size: 1,
    
28.         parent: app.query("car01")[0],
    
29.         element: markDown,
    
30.         localPosition: [0, 3, 0],
    
31.         complete: function (ev) {
    
32.             setTimeout(function () {
    
33.                 // 核心代码
    
34.                 // marker001 为marker顶牌 元素的id
    
35.                 document.getElementById('marker001').addEventListener('wheel', (ev) => {
    
36.                     ev.stopPropagation()
    
37.                 })
    
38.             }, 500)
    
39. 
    
40.         }
    
41.     });
    
42. })
    
43. 
    
44. 
    

复制代码