Waypoint sticky не работает с Angular js Jquery passthrough

Question

Я пытался использовать липкую extenstion waypoint, через jquery passthrough в угловых js. 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

Согласно Документов here, липкая плагин только обеспечивает крючки для изготовления вещей липкие но на самом деле не стиль t подол как. Вам остается решить, как должен выглядеть «липкий».

Эта скрипка устанавливает и отменяет класс .stuck, который указывает, когда элемент застревает, как предполагается. Вам просто нужно применить стиль к нему. Очень простой пример:

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

Обновленной скрипка здесь: http://jsfiddle.net/4Mt4K/1/