scrollTop 值一直为零，且不能赋值

Question

sendMessage:function(){
            var _this = this;
            var userWords = document.createElement('li');
            var ulTag = document.querySelector('.list-box');

            userWords.innerHTML = "<div class='contact-box__send'>"+ _this.userMessage +"</div>"
            userWords.setAttribute('class','talk users-words contact-box clearfix');
            ulTag.appendChild(userWords);
            ulTag.scrollTop = ulTag.scrollHeight; //此处不能赋值
            console.log(ulTag.scrollTop,ulTag.scrollHeight); 
        }
        
        
        我希望达到插入一个元素，内容区域自动滚动到底部

Answer 1

scrollTop设置的是滚动条的位置。
你插入内容的区域应该是随着插入变高的，没有滚动条，滚动条大约在body上
因此需要设置$('body').scrollTop

Answer 2

内容高度超过窗口高度才会出现滚动条，而且到底部时scrollTop=scrollHeight-clientHeight