如何将显示flex div滚动到底部

Question

我可以看到传统上你可以设置div的scrollTop并将其滚动到底部，如下所示：http://jsfiddle.net/jPVAf/50/

但如果我的div为display: flex，则上述技术不会起作用： http://jsfiddle.net/hoch47n6/。你如何使用JS将div滚动到底部？谢谢！

Answer 1

这是因为justify-content属性。

重置<p>的属性并使用line-height让jQuery获取<p>代码的实际高度

以下是更新的 Fiddle （jsFiddle），看看。

供参考，

/* Resetting <p> */
p {
  margin: 0;
  padding: 0;
  line-height: 50px;
}

希望这有帮助！