Comment détecter winjs list view défilement start?

Question

Je travaille avec une vue de liste dans winjs, WinJS.UI.ListView.

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

Ceci déclenchera un événement au démarrage du défilement.
J'ai un autre <div> que j'ai besoin de rendre visible lorsque nous commençons à faire défiler la liste.

Toute aide appréciée!

Answer 1

Si vous voulez activer l'événement de défilement de contrôle ListView, vous pouvez tirer parti de l'API Html:

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) 
{ 
    ... 
} 

Remarques: Vous devez définir la hauteur de ListView explicitement et overflow:scroll pour afficher la barre de défilement.

Answer 2

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

intérieur JS, obtenir la vue de la liste comme

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

Ne pas ajouter le gestionnaire d'événements de défilement directement à la commande se place au port vue de la vue de la liste en utilisant ci-dessous le code,

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

maintenant, ajoutez l'auditeur à ce port vue

currentViewPort.addEventListener("scroll", this._onScroll, true); 

gestionnaire d'écriture nommé _onScroll où nous pouvons écrire notre code.