Waypoint sticky不适用于Angular js Jquery passthrough

Question

我一直试图通过角度js中的jquery passthrough来使用waypoint的粘性扩展。 Jquery UI passthrough一般都可以工作，但我无法获得粘性工作。这是我迄今为止尝试过的一个方法。

http://jsfiddle.net/lilacsunbird/bC5ts/

HTML：

<h2 class="my-sticky-element" ui-jq="waypoint" ui-options="sticky">Sticky 

控制器：

  angular.module('waypoints', ['ui']);

/* Controllers */
function WaypointsController($scope) {


     $scope.sticky = 'sticky';


    $scope.test = function(){
        alert('You have scrolled to an entry.');
    }
}

非常感谢

Answer 1

根据文档here，粘性插件只提供了使事物变得粘滞的钩子，但实际上并没有这样做。由你决定“粘性”的外观应该由你决定。

小提琴是设置和取消设置.stuck类，它表示元素被卡住的时间，正如它应该的那样。您只需要将样式应用于它。一个非常简单的例子是：

.stuck {
    top: 0px;
    position: fixed;
}

这里有一个更新的小提琴：http://jsfiddle.net/4Mt4K/1/