2016-10-13 4 views
0

winjs의 목록보기로 작업 중입니다. WinJS.UI.ListView.winjs 목록보기 스크롤 시작을 감지하는 방법?

<div class="list-of-lists-listview" data-win-control="WinJS.UI.ListView"></div> 

스크롤 시작시 일부 이벤트가 발생합니다.
목록보기를 스크롤 할 때 표시 할 필요가있는 <div>이 있습니다.

도움을 주셨습니다.

HTML :

<div id="myListView" 
    class="list-of-lists-listview" 
    style="height:500px;overflow:scroll" 
    data-win-control="WinJS.UI.ListView" > 
</div> 

JS : 당신의 ListView 컨트롤의 스크롤 이벤트를 사용하려면

답변

0

, 당신은 html로 API를 활용할 수

document.getElementById("myListView").onscroll = function (evt) 
{ 
    ... 
} 

을 참고 : 당신은 필요 높이를 ListView으로 명시 적으로 설정하고 overflow:scroll으로 설정하여 스크롤바를 표시하십시오.

+0

이것은 작동하지 않습니다. 그러나이 컨트롤을 실행하면 목록보기의보기 포트가 렌더링됩니다. 뷰포트에 스크롤 이벤트를 추가하면 작동합니다. – Joseph

+0

OK, 문제를 해결했음을 알았습니다. :) –

+0

감사합니다. :) – Joseph

1
<div class="list-of-lists-listview" data-win-control="WinJS.UI.ListView"></div> 

내부 JS, 대신 코드 아래 사용하여 목록 뷰의 뷰 포트를 얻을 제어에 직접 스크롤 이벤트 처리기를 추가하지 마십시오

var currentListView = document.querySelector(".list-of-lists-listview"); 

같은 목록보기를 얻을

var currentViewPort = currentListView.querySelector(".win-viewport"); 

지금이보기 포트

currentViewPort.addEventListener("scroll", this._onScroll, true); 
에 리스너를 추가

_onScroll이라는 이름의 쓰기 처리기에서 코드를 작성할 수 있습니다.