React scrollTop无效

Question

我有一个带有可滚动div的反应组件我尝试让div在安装后滚动到底部：

componentDidUpdate() {
    var scrollNode = ReactDOM.findDOMNode(this.scrollElement);
    scrollNode.scrollTop = scrollNode.scrollHeight;
}

scrollNode存在并反映了正确的div但是，scrollTop的值永远不会改变（即使我将其设置为某个任意数字它仍为0）并且滚动不会发生。

更新： 这是一个例子： https://codepen.io/johnryan1/pen/BWoeKQ

Answer 1

您需要在css中设置容器的高度。例如

.list
   height: 100px