Блог

(продолжайте прокручивать вниз во время изменения размера)

Эй, ребята, у меня была проблема, и я решил ее сам, но я не уверен, что мое решение является основным решением или нет! Я хочу пойти правильным путем для решения моей проблемы — итак… Это мой HTML:

 <textarea id="textarea" style="width: 200px; height: 200px;"></textarea>
  

И это мой JS:

 var textarea=document.getElementById("textarea");
        var scrollDown=true;
        var defaultHeight=textarea.clientHeight;
        for(var n=0; n<100; n  ) //auto add 100 lines in textarea!
            {
                textarea.value ="Line " n "n";
                if(n==99)
                    {
                        textarea.value ="Line 100 (Final Line)";
                    }
            }
        setInterval(function(){ //can this interval replace with anything?
            if(scrollDown==true)
                {
                    textarea.scrollTop=textarea.scrollHeight;
                    scrollDown=false;
                }
        },0);
        setInterval(function(){ //can this interval replace with anything?
            if(defaultHeight!=textarea.clientHeight)
                {
                    scrollDown=true;
                    defaultHeight=textarea.clientHeight;
                }
        },0);
  

Итак, как вы можете видеть, мои коды работают корректно без каких-либо проблем, но мой вопрос таков: я на правильном пути? Есть ли другой способ решить эту проблему без использования интервалов?

Пожалуйста, кто-нибудь, ответьте мне!