Question

我正在使用winjs中的列表视图， WinJS.UI.ListView 。

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

这会在滚动开始时触发一些事件。
当我们开始滚动列表视图时，我需要另外一个<div>。

任何帮助表示赞赏！

Answer 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的处理程序，我们可以编写代码。

Answer 2

如果要启用ListView Control的滚动事件，可以使用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显示滚动条。

如何检测winjs列表视图滚动启动？

2 个答案: