角度のある材質の応答可能なスクロール可能なdiv

"Design"、 "Development"などと書かれたものと同様の繰り返しオブジェクトでコンポーネントを作成しようとしていますin this example。私はそれが窓の高さにこれらと同じように反応するようにしたい（あなたのページを縦に縮小すると、フッターも上がることに気付く）。基本的に、スクロール可能なセクション（おそらくmd-content？）は応答性が必要です。角度のある材質の応答可能なスクロール可能なdiv

これは私の現在の一般的なレイアウトです：jsfiddleです。

<body> 
     <div class="header">My nav bar</div> 
     <div class="wrapper"> 
      <div class="myfeed"> 
      <div class="feed-header">Feed header</div> 
      <div class="feed-content"> 
       <div class="item">item 1</div> 
       <div class="item">item 2</div> 
       <div class="item">item 3</div> 
       <div class="item">item 4</div> 
       <div class="item">item 5</div> 
       <div class="item">item 6</div> 
      </div> 
      </div> 
     </div> 
     </body>

出典

2016-07-14 user120342

編集：アイテムがng-repeatの結果であるとします。 – user120342

あなたが試すことができます：

.item { 
    background-color: yellow; 
    height:8vh; 
    margin-top:5px; 
}

あなたは要素の数に応じて、height: 8vhを変更する必要があります。

出典

2016-07-14 08:11:04

しかし、アイテムがng-repeatの結果である場合はどうなりますか？ – user120342

ですので、動的にvhを設定する必要があります（x/items.length）。 –

角度のある材質の応答可能なスクロール可能なdiv

答えて

関連する問題