要启用 Monaco 编辑器的垂直滚动条,您需要将以下选项添加到编辑器配置中:

{
  // 其他选项
  automaticLayout: true,
  scrollbar: {
    useShadows: false,
    verticalScrollbarSize: 12,
    horizontalScrollbarSize: 12,
    verticalSliderSize: 12,
    horizontalSliderSize: 12,
    arrowSize: 12,
  },
}

在此配置中,我们将 scrollbar 选项设置为一个对象,并指定以下属性:

  • useShadows:设置为 false,以禁用阴影。
  • verticalScrollbarSize:指定垂直滚动条的高度。
  • horizontalScrollbarSize:指定水平滚动条的宽度。
  • verticalSliderSize:指定垂直滑块的高度。
  • horizontalSliderSize:指定水平滑块的宽度。
  • arrowSize:指定箭头按钮的大小。

此外,我们还将 automaticLayout 选项设置为 true,以使编辑器自动调整大小。

请注意,如果您的容器元素没有正确的高度,垂直滚动条可能不会显示。因此,您需要确保容器元素具有正确的高度。您可以使用 CSS 设置容器元素的高度,并将 overflow-y 属性设置为 scroll

monaco-editor js如何配置可以上下滚动

原文地址: http://www.cveoy.top/t/topic/fgXb 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录