Блог

Я пишу несколько журналов в интервале времени внутри одного div, но полоса прокрутки всегда появляется сверху с помощью углового. Я объясняю свой код ниже.

 <div class="inner-content-console" id="inn-scro" #scrollMe>
   <div class="subinner-content-console">
        {{logs}}
   </div>
 

Мой код для машинописи приведен ниже.

 //this.myScrollContainer.nativeElement.scrollTop = this.myScrollContainer.nativeElement.scrollHeight;
              var out = document.getElementById("inn-scro");
              console.log('out.scrollHeight', out.scrollHeight);
              console.log('out.clientHeight', out.clientHeight);
              console.log('out.scrollTop', out.scrollTop);
              var isScrolledToBottom = out.scrollHeight - out.clientHeight <= out.scrollTop   1;
              console.log(out.scrollHeight - out.clientHeight,  out.scrollTop   1);
              res.body.logs.forEach(log => {
                this.logs = this.logs   log   'n'
              });
              this.logs = this.logs.substring(0, this.logs.length - 1);
              //document.getElementById('inn-scro').scrollIntoView({ behavior: 'smooth', block: 'end' });
              console.log('isScrolledToBottom', isScrolledToBottom);
              if(isScrolledToBottom) {
                out.scrollTop = out.scrollHeight - out.clientHeight;
             }
 

Здесь я пишу какой-то журнал в течение некоторого интервала времени внутри div, и когда появляется больше журналов, полоса прокрутки всегда остается сверху.

 .inner-content-console {
    background: #000;
    height: 500px;
    overflow: auto;
    color: #fff;
    position: relative;
    padding: 3px 2px 2px 15px;
    font-family: monospace,sans-serif;
    font-size: 14px;
    word-break: break-word;
    white-space: pre-line;
}
 

Здесь мне нужно, чтобы свиток всегда оставался внизу для каждого нового журнала, добавляемого внутри div. Пожалуйста, помогите мне решить эту проблему.