winjs list view scroll startを検出するにはどうすればいいですか？

Question

私はwinjsのリストビューで作業しています。WinJS.UI.ListView。

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

これはスクロール開始時に何らかのイベントを発生させますか？
リストビューのスクロールを開始するときに表示する必要がある別の<div>があります。

Answer 1

リストビューコントロールのスクロールイベントを有効にしたい場合は、HTML形式のAPIを活用することができます

HTML：

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

JS：

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

注：あなたがする必要がありますListViewの高さを明示的に設定し、スクロールバーを表示するようにoverflow:scrollに設定します。

Answer 2

<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という名前の書き込みハンドラで、コードを記述できます。