monaco-editor js如何配置可以上下滚动 滚动的高度跟内容高度一样

可以使用 Monaco Editor 的 scrollBeyondLastLine 和 scrollbar 选项来实现可以上下滚动，滚动的高度与内容高度一样的效果。

1. scrollBeyondLastLine 选项控制编辑器是否允许滚动超过最后一行。将其设置为 true 可以使编辑器的滚动条在内容的末尾之后继续滚动。

monaco.editor.create(container, {
  // ...
  scrollBeyondLastLine: true,
  // ...
});

2. scrollbar 选项可以配置编辑器的滚动条。将其设置为 visible 可以在编辑器右侧显示一个滚动条。

monaco.editor.create(container, {
  // ...
  scrollbar: {
    // 可见的滚动条
    visibility: 'visible',
    // 滚动条的大小，设为内容高度
    verticalScrollbarSize: 16,
    // 滚动条的最小大小
    verticalSliderSize: 16,
  },
  // ...
});

注意，滚动条的大小需要根据内容高度进行设置，这样才能保证滚动的高度与内容高度一样。

完整的代码示例：

const editor = monaco.editor.create(document.getElementById('container'), {
  value: 'Hello, world!',
  language: 'javascript',
  scrollBeyondLastLine: true,
  scrollbar: {
    visibility: 'visible',
    verticalScrollbarSize: 16,
    verticalSliderSize: 16,
  },
});
``