(Angular)Masonry如何获取element / next列的列索引

时间:2016-04-06 09:07:00

标签: javascript angularjs masonry

我们正在为Masonry元素实现键盘导航,我们需要一种方法将元素放在同一列中的另一个元素下面。有没有办法通过砌体API(或更好的,AngularJS)访问此信息(每个项目的x + y)。

我们在API /数据字段中找不到任何内容,而且基本上是为了实际读取元素的x / y位置并对其进行反向工程或更改砌体代码。

1 个答案:

答案 0 :(得分:0)

我们选择获取原始数据,即所有小部件上的x和y位置,并根据y坐标在同一列中查找上面或下面的位置,例如:

    aboveIdx = -1
    currentIdx = 0
    while (currentIdx < items.length)
      if(items[currentIdx].position.x is items[$scope.selectedCardIndex].position.x and
         items[currentIdx].position.y < items[$scope.selectedCardIndex].position.y)
        aboveIdx = currentIdx
      currentIdx += 1
    $scope.selectedCardIndex = aboveIdx