如何將顯示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>標記的實際高度

這是更新的小提琴 （jsFiddle），看看吧。

以供參考，

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

希望這可以幫助！