Forge Viewer 工具栏按钮在小型浏览器上消失

【问题标题】：Forge Viewer toolbar buttons disappearing on small browserForge Viewer 工具栏按钮在小型浏览器上消失
【发布时间】：2019-07-25 11:13:12
【问题描述】：

我正在为 rme_advanced_sample_project 示例模型使用 forge 查看器版本 v6.4。当我将 Chrome 浏览器调整为相对较小的尺寸（宽度为 600 像素）时，我发现一些工具栏按钮从查看器中消失了。

当我检查调试控制台时，我可以看到这些按钮在调整大小后分配给它们的 CSS 属性为 display: "none"。当我再次将它们的值更改为 display: "block" 时，这是调整大小之前的原始值，我可以再次看到按钮。

附上一些截图供大家参考：

之前：

调整为小尺寸后（宽度约为 600 像素）：

设置按钮的css后：

我想知道是否有办法禁用此类行为，以便始终显示所有工具栏按钮？谢谢！

【问题讨论】：

标签： autodesk-forge autodesk-viewer

【解决方案1】：

要让这些按钮始终可见，您可以覆盖样式表中的 display 设置，如下所示：

#YourViewerDiv #navTools #toolbar-panTool{display:block !important}
//Inspect in browser console and apply the same to the other buttons you'd like to keep visible

或者，对于编程方法，此行为的违规代码：

//GuiViewer.js
this.addEventListener(et.VIEWER_RESIZE_EVENT, function (event) {

            viewer.resizePanels();

            if (viewer.viewCubeUi && viewer.viewCubeUi.cube)
                viewer.viewCubeUi.cube.refreshCube();

            viewer.updateToolbarButtons(event.width, event.height);
        });

因此，您可以通过始终调整到足够宽的width 来抑制自己的听众：

viewer.addEventListener(Autodesk.Viewing.VIEWER_RESIZE_EVENT, ()=>viewer.updateToolbarButtons(1000,1000))

【讨论】：