ListItem에 지정된 높이와 너비가 지정된 경우 WinJS의 ListView가 뒤로 이동합니다.

Question

WinJS를 사용하여 매우 간단한 작업을 수행하려고합니다. listView의 항목을 뷰포트의 전체 높이를 차지하고 싶습니다.

나는이 같은 listView의 기본 스타일을 재정 의하여이를 달성 할 수있는이 잘 작동 및 목록 항목의 5 개 행을 렌더링

.win-itemscontainer { 
    width: 100% !important; 
    height: calc(100vh - 1px) !important; 
} 
.win-horizontal .win-gridlayout .win-container { 
    height: calc(20% - 1px); 
    margin: 0 0 1px 1px; 
    outline: none; 
} 
.win-listview { 
    height: 100vh; 
    margin: 0; 
    padding: 0; 
} 
.win-listview .item { 
    width: 250px; 
} 

. 항목 수가 컨테이너 너비를 초과하면 목록이 스크롤됩니다.

그러나 매우 이상한 행동이 발생합니다. listView의 맨 끝으로 스크롤하면 점프를 통해 스크롤 위치가 뒤로 이동하여 listView의 마지막 행을 얻을 수 없게됩니다. 왜냐하면 점프를 통해 도달 할 수 없기 때문입니다.

내가 수행 한 작업을 수행하는 더 좋은 방법이 있습니까? 구현 한 것을 해결할 수있는 방법이 있습니까?

Answer 1

충분히 응답 할 수 없었기 때문에 listView에서 리피터로 전환하여 마크 업과 CSS를보다 잘 제어 할 수있었습니다.