angularjs - Waypoint Sticky 不适用于 Angular js Jquery passthrough

Question

我一直在尝试通过 Angular js 中的 jquery passthrough 来使用航点的粘性扩展。Jquery UI passthrough 一般工作，但我无法让粘性工作。这是我迄今为止尝试过的一个jsfiddle。

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

根据这里的文档，sticky 插件只是提供了使东西变得粘稠的钩子，但实际上并没有这样设置它们的样式。由您决定“粘性”的外观。

小提琴正在设置和取消设置.stuck类，这表明元素何时被卡住，这是应该的。您只需要对其应用样式即可。一个非常简单的例子是：

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

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