问将两列滚动为一列

EN

我的应用程序有两列，左侧是文本区，而右侧是从文本区计算得出的结果。但是我的结果列将溢出固定窗口，而文本区域将默认滚动。

​

所以我尝试将整行和它的父行都设置为overflow: auto，当我有足够的输入时，它允许我滚动，但代价是我的分隔符不是全高的，以及在我写入文本区域后有延迟，在dix捕捉到更大的高度之前……

​

我的最后一个解决方案是使用JS & Jquery来检查内容是否溢出，在内容溢出时在height: auto和height: 100%之间切换。这也有点用，但又有不稳定的延迟……

const editor_js = document.querySelector('.editor');
const $editor = $('.editor');

$('.input').bind('input propertychange', function() {
  console.log('Textarea changed');
  if(editor_js.offsetHeight < editor_js.scrollHeight){
    $editor.css("height", "auto");
  }
  else{
    $editor.css("height", "100%");
  }
});

不管怎样，我已经束手无策了。我只想让我的列作为一个实体一致地滚动，同时始终保持分隔符的高度。希望你能给我一些建议。如果你想直接尝试我的应用程序，这里有link