각도 재질 응답 가능 스크롤 가능

"디자인", "개발"등의 레이블이 붙은 것과 비슷한 반복 된 개체로 구성 요소를 만들려고합니다. in this example. 나는 창 높이에 이것들과 같은 방식으로 응답하기를 원한다. (페이지를 수직으로 줄이면 바닥 글도 올라간다.) 기본적으로 스크롤 가능한 섹션 (아마도 md-content?)은 반응 적이어야합니다.각도 재질 응답 가능 스크롤 가능

이것은 현재 일반적인 레이아웃 인 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). –

각도 재질 응답 가능 스크롤 가능

답변

관련 문제