スクロールできるようにアイテムを追加するにはどうしたらいいですか？

Question

スクロールできるようにアイテムを追加するにはどうすればよいですか？

---

Answer 1

是正するために、コンテナの子の垂直

transform: scaleY(-1)それを反転させるために容器上に下

1. transform: scaleY(-1)からの要素の追加を開始するtransform: scaleY(-1)を使用してハックがあります子供の転倒。

2. コンテナのオーバーフローさえも底から始まります！

デモは、以下を参照してください：

body { 
 
    margin: 0; 
 
} 
 
* { 
 
    box-sizing: border-box; 
 
} 
 
.wrapper { 
 
    border: 1px solid red; 
 
    height: 100vh; 
 
    overflow-y: auto; 
 
    transform: scaleY(-1); 
 
} 
 
.wrapper > div { 
 
    height: 100px; 
 
    width: 50vh; 
 
    border: 1px solid; 
 
    margin: 10px auto; 
 
    transform: scaleY(-1); 
 
    /*align text inside*/ 
 
    display: flex; 
 
    justify-content: center; 
 
    align-items: center; 
 
}

<div class="wrapper"> 
 
    <div>1</div> 
 
    <div>2</div> 
 
    <div>3</div> 
 
    <div>4</div> 
 
    <div>5</div> 
 
</div>

私はこれについてあなたの意見を知ってみましょう。ありがとう！

Answer 2

uは何を意味するか、このですか？

<div style="overflow-y:scroll;, height: 5px;"> 
    <span></span> 
    <span></span> 
    <span></span> 
    <!-- any number of elements you want--> 
</div>