각도 js Jquery 패스 스루로 웨이 포인트 스티키가 작동하지 않습니다.

Question

각도 j의 jquery 패스 스루를 통해 웨이 포인트의 스티키 익스텐션을 사용하려고했습니다. Jquery UI passthrough는 일반적으로 작동하지만 스티키 작업을 수행 할 수 없습니다. 지금까지 내가 시도한 것에 대한 jsfiddle이있다.

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

HTML :

는

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

컨트롤러 : 워드 프로세서 here에 따르면

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

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


    $scope.sticky = 'sticky'; 


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

덕분에 많은

Answer 1

, 끈적 끈적한 플러그인은 상황이 끈적 만들기위한 훅을 제공 하지만 실제로 스타일 t하지 않습니다. 그렇게 헴. '끈적 끈적한'모습을 결정하는 것은 당신에게 맡겨져 있습니다.

바이올린은 요소가 붙어있는 때를 나타내는 .stuck 클래스를 설정하고 설정을 해제합니다. 스타일을 적용하기 만하면됩니다. 아주 간단한 예는 다음과 같습니다

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

업데이트 된 바이올린은 여기에 있습니다 : http://jsfiddle.net/4Mt4K/1/