87 |
95 |
129 |
130 |
131 |
132 |
148 |
149 |
150 |
--------------------------------------------------------------------------------
/example/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Angular.js Container Scroll Example
96 |
97 |
98 | 
102 |
103 |
104 |
105 |
108 |
109 |
110 | 
114 |
115 |
117 |
118 |
119 | 
121 |
122 |
124 |
125 |
128 | Section 1
99 |To section 4 Bacon ipsum dolor sit amet sausage tail capicola ground round hamburger ham hock. Short ribs pig andouille meatball, pastrami tri-tip fatback ham hock shank kielbasa swine. Rump pancetta jerky kielbasa doner beef ribs tongue hamburger strip steak drumstick andouille shoulder shank flank. Swine drumstick meatball pig beef sausage strip steak.
100 | 101 |Section 2
106 |Bacon strip steak ground round, tongue pastrami short ribs pork chop venison turducken sausage sirloin. Flank chicken pork chop capicola turkey turducken cow pork loin biltong meatball drumstick pancetta filet mignon ground round fatback. Ham hock jerky short ribs brisket. Meatloaf shoulder pork chop capicola, sirloin swine pig pork. Jerky ribeye hamburger pork loin sirloin kevin bresaola boudin chuck flank. Ham hock pork belly chicken jerky rump bresaola.
107 |Section 3
111 |Shank fatback pastrami short loin, turkey jowl kielbasa ribeye chicken jerky drumstick flank ham. Swine shankle pork belly kielbasa shoulder flank jowl, sirloin doner. Kevin tri-tip bresaola leberkas. Swine ball tip cow strip steak. Ham filet mignon pork chop, pork fatback andouille pork loin shoulder jowl swine strip steak turducken prosciutto rump.
112 | 113 |Tongue tri-tip pastrami, shoulder rump pork belly ground round. Ham hock chuck leberkas doner, strip steak corned beef tri-tip capicola. Rump turkey ham sausage shankle. Flank shankle pork chop ham hock. Shankle venison kielbasa, pancetta swine beef ball tip t-bone bacon hamburger ground round ribeye flank. Turducken bacon bresaola, chicken kevin boudin ball tip strip steak filet mignon pork turkey shank ground round. Kielbasa fatback prosciutto pork chop, jerky ground round leberkas boudin ball tip beef shankle shoulder swine brisket.
116 |Section 4
120 |To section 1 Shoulder cow tenderloin chuck, pork chop jerky doner leberkas. Chuck sausage hamburger, kevin beef pork chop pork shoulder ground round ball tip turducken flank. Bresaola tri-tip meatloaf, salami venison tail pig shank shankle jowl sausage brisket cow biltong turducken. Swine turducken hamburger ball tip short loin prosciutto kevin jowl tri-tip. Doner meatloaf pork brisket.
123 |
78 |
86 |
88 |
92 |
93 |
94 |
95 |
98 |
99 |
100 |
104 |
105 |
107 |
108 |
109 |
111 |
112 |
114 |
117 |
118 |
119 |
120 |
121 |
136 |
137 |
138 |
--------------------------------------------------------------------------------
/example/toc.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Angular.js Scrollspy Example
87 |Section 1
89 |Bacon ipsum dolor sit amet sausage tail capicola ground round hamburger ham hock. Short ribs pig andouille meatball, pastrami tri-tip fatback ham hock shank kielbasa swine. Rump pancetta jerky kielbasa doner beef ribs tongue hamburger strip steak drumstick andouille shoulder shank flank. Swine drumstick meatball pig beef sausage strip steak.
90 | 91 |Section 2
96 |Bacon strip steak ground round, tongue pastrami short ribs pork chop venison turducken sausage sirloin. Flank chicken pork chop capicola turkey turducken cow pork loin biltong meatball drumstick pancetta filet mignon ground round fatback. Ham hock jerky short ribs brisket. Meatloaf shoulder pork chop capicola, sirloin swine pig pork. Jerky ribeye hamburger pork loin sirloin kevin bresaola boudin chuck flank. Ham hock pork belly chicken jerky rump bresaola.
97 |Section 3
101 |Shank fatback pastrami short loin, turkey jowl kielbasa ribeye chicken jerky drumstick flank ham. Swine shankle pork belly kielbasa shoulder flank jowl, sirloin doner. Kevin tri-tip bresaola leberkas. Swine ball tip cow strip steak. Ham filet mignon pork chop, pork fatback andouille pork loin shoulder jowl swine strip steak turducken prosciutto rump.
102 | 103 |Tongue tri-tip pastrami, shoulder rump pork belly ground round. Ham hock chuck leberkas doner, strip steak corned beef tri-tip capicola. Rump turkey ham sausage shankle. Flank shankle pork chop ham hock. Shankle venison kielbasa, pancetta swine beef ball tip t-bone bacon hamburger ground round ribeye flank. Turducken bacon bresaola, chicken kevin boudin ball tip strip steak filet mignon pork turkey shank ground round. Kielbasa fatback prosciutto pork chop, jerky ground round leberkas boudin ball tip beef shankle shoulder swine brisket.
106 |Section 4
110 |Shoulder cow tenderloin chuck, pork chop jerky doner leberkas. Chuck sausage hamburger, kevin beef pork chop pork shoulder ground round ball tip turducken flank. Bresaola tri-tip meatloaf, salami venison tail pig shank shankle jowl sausage brisket cow biltong turducken. Swine turducken hamburger ball tip short loin prosciutto kevin jowl tri-tip. Doner meatloaf pork brisket.
113 |
87 |
103 |
105 |
123 |
124 |
125 |
128 |
129 |
130 |
135 |
136 |
137 |
141 |
142 |
145 |
146 |
147 |
148 |
149 |
165 |
166 |
167 |
--------------------------------------------------------------------------------
/gulpfile.js:
--------------------------------------------------------------------------------
1 | var gulp = require('gulp');
2 | var clean = require('gulp-rimraf');
3 | var jshint = require('gulp-jshint');
4 | var concat = require('gulp-concat');
5 | var uglify = require('gulp-uglify');
6 | var ngmin = require('gulp-ng-annotate');
7 | var sourcemaps = require('gulp-sourcemaps');
8 |
9 | var karma = require('karma').server;
10 | var karmaConfPath = './test/karma.conf.js';
11 | var karmaConf = require(karmaConfPath);
12 |
13 | var sources = [
14 | 'src/module.js',
15 | 'src/helpers.js',
16 | 'src/services/request-animation.js',
17 | 'src/services/spy-api.js',
18 | 'src/services/scroll-container-api.js',
19 | 'src/directives/smooth-scroll.js',
20 | 'src/directives/spy-context.js',
21 | 'src/directives/scroll-container.js',
22 | 'src/directives/scrollspy.js'
23 | ];
24 |
25 | var targets = 'angular-scroll.{js,min.js,min.js.map}';
26 |
27 | gulp.task('clean', function() {
28 | gulp.src(targets)
29 | .pipe(clean());
30 | });
31 |
32 | gulp.task('lint', function() {
33 | gulp.src(sources)
34 | .pipe(jshint())
35 | .pipe(jshint.reporter('default'));
36 | });
37 |
38 | gulp.task('karma', function(done) {
39 | karma.start({configFile: __dirname + '/test/karma.conf.js', singleRun: true}, done);
40 | });
41 |
42 | gulp.task('compress', function() {
43 | //Development version
44 | gulp.src(sources)
45 | .pipe(concat('angular-scroll.js', { newLine: '\n\n' }))
46 | .pipe(ngmin())
47 | .pipe(gulp.dest('./'));
48 |
49 | //Minified version
50 | gulp.src(sources)
51 | .pipe(sourcemaps.init())
52 | .pipe(concat('angular-scroll.min.js', { newLine: '\n\n' }))
53 | .pipe(ngmin())
54 | .pipe(uglify())
55 | .pipe(sourcemaps.write('./'))
56 | .pipe(gulp.dest('./'));
57 | });
58 |
59 | gulp.task('build', ['clean', 'compress']);
60 | gulp.task('test', ['lint', 'karma']);
61 | gulp.task('default', ['test', 'build']);
62 |
--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | require('angular');
2 | require('./angular-scroll');
3 |
4 | module.exports = 'duScroll';
5 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "angular-scroll",
3 | "version": "1.0.2",
4 | "description": "Scrollspy, animated scrollTo and scroll events",
5 | "keywords": [
6 | "angular",
7 | "smooth-scroll",
8 | "scrollspy",
9 | "scrollTo",
10 | "scrolling"
11 | ],
12 | "main": "index.js",
13 | "repository": {
14 | "type": "git",
15 | "url": "git://git@github.com:oblador/angular-scroll.git"
16 | },
17 | "bugs": {
18 | "url": "https://github.com/oblador/angular-scroll/issues"
19 | },
20 | "scripts": {
21 | "start": "http-server -p 8888",
22 | "test": "./node_modules/karma/bin/karma start test/karma.conf.js",
23 | "build": "./node_modules/.bin/gulp build",
24 | "test-ci": "./node_modules/.bin/gulp test",
25 | "test-single-run": "./node_modules/karma/bin/karma start test/karma.conf.js --single-run",
26 | "update-webdriver": "node_modules/protractor/bin/webdriver-manager update",
27 | "protractor": "node_modules/protractor/bin/protractor test/protractor.conf.js"
28 | },
29 | "author": {
30 | "name": "Joel Arvidsson",
31 | "email": "joel@oblador.se"
32 | },
33 | "license": "MIT",
34 | "devDependencies": {
35 | "gulp": "^3.8.11",
36 | "gulp-concat": "^2.5.1",
37 | "gulp-jshint": "^1.9.2",
38 | "gulp-ng-annotate": "^0.5.2",
39 | "gulp-rimraf": "^0.1.1",
40 | "gulp-sourcemaps": "^1.3.0",
41 | "gulp-uglify": "^1.1.0",
42 | "http-server": "^0.7.4",
43 | "jasmine-given": "^2.6.2",
44 | "karma": "^0.12.31",
45 | "karma-chrome-launcher": "^0.1.7",
46 | "karma-firefox-launcher": "^0.1.4",
47 | "karma-jasmine": "^0.3.5",
48 | "protractor": "^1.7.0"
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/src/directives/scroll-container.js:
--------------------------------------------------------------------------------
1 | angular.module('duScroll.scrollContainer', ['duScroll.scrollContainerAPI'])
2 | .directive('duScrollContainer', function(scrollContainerAPI){
3 | 'use strict';
4 |
5 | return {
6 | restrict: 'A',
7 | scope: true,
8 | compile: function compile(tElement, tAttrs, transclude) {
9 | return {
10 | pre: function preLink($scope, iElement, iAttrs, controller) {
11 | iAttrs.$observe('duScrollContainer', function(element) {
12 | if(angular.isString(element)) {
13 | element = document.getElementById(element);
14 | }
15 |
16 | element = (angular.isElement(element) ? angular.element(element) : iElement);
17 | scrollContainerAPI.setContainer($scope, element);
18 | $scope.$on('$destroy', function() {
19 | scrollContainerAPI.removeContainer($scope);
20 | });
21 | });
22 | }
23 | };
24 | }
25 | };
26 | });
27 |
--------------------------------------------------------------------------------
/src/directives/scrollspy.js:
--------------------------------------------------------------------------------
1 | angular.module('duScroll.scrollspy', ['duScroll.spyAPI'])
2 | .directive('duScrollspy', function(spyAPI, duScrollOffset, $timeout, $rootScope) {
3 | 'use strict';
4 |
5 | var Spy = function(targetElementOrId, $scope, $element, offset) {
6 | if(angular.isElement(targetElementOrId)) {
7 | this.target = targetElementOrId;
8 | } else if(angular.isString(targetElementOrId)) {
9 | this.targetId = targetElementOrId;
10 | }
11 | this.$scope = $scope;
12 | this.$element = $element;
13 | this.offset = offset;
14 | };
15 |
16 | Spy.prototype.getTargetElement = function() {
17 | if (!this.target && this.targetId) {
18 | this.target = document.getElementById(this.targetId) || document.getElementsByName(this.targetId)[0];
19 | }
20 | return this.target;
21 | };
22 |
23 | Spy.prototype.getTargetPosition = function() {
24 | var target = this.getTargetElement();
25 | if(target) {
26 | return target.getBoundingClientRect();
27 | }
28 | };
29 |
30 | Spy.prototype.flushTargetCache = function() {
31 | if(this.targetId) {
32 | this.target = undefined;
33 | }
34 | };
35 |
36 | return {
37 | link: function ($scope, $element, $attr) {
38 | var href = $attr.ngHref || $attr.href;
39 | var targetId;
40 |
41 | if (href && href.indexOf('#') !== -1) {
42 | targetId = href.replace(/.*(?=#[^\s]+$)/, '').substring(1);
43 | } else if($attr.duScrollspy) {
44 | targetId = $attr.duScrollspy;
45 | } else if($attr.duSmoothScroll) {
46 | targetId = $attr.duSmoothScroll;
47 | }
48 | if(!targetId) return;
49 |
50 | // Run this in the next execution loop so that the scroll context has a chance
51 | // to initialize
52 | var timeoutPromise = $timeout(function() {
53 | var spy = new Spy(targetId, $scope, $element, -($attr.offset ? parseInt($attr.offset, 10) : duScrollOffset));
54 | spyAPI.addSpy(spy);
55 |
56 | $scope.$on('$locationChangeSuccess', spy.flushTargetCache.bind(spy));
57 | var deregisterOnStateChange = $rootScope.$on('$stateChangeSuccess', spy.flushTargetCache.bind(spy));
58 | $scope.$on('$destroy', function() {
59 | spyAPI.removeSpy(spy);
60 | deregisterOnStateChange();
61 | });
62 | }, 0, false);
63 | $scope.$on('$destroy', function() {$timeout.cancel(timeoutPromise);});
64 | }
65 | };
66 | });
67 |
--------------------------------------------------------------------------------
/src/directives/smooth-scroll.js:
--------------------------------------------------------------------------------
1 | angular.module('duScroll.smoothScroll', ['duScroll.scrollHelpers', 'duScroll.scrollContainerAPI'])
2 | .directive('duSmoothScroll', function(duScrollDuration, duScrollOffset, scrollContainerAPI) {
3 | 'use strict';
4 |
5 | return {
6 | link : function($scope, $element, $attr) {
7 | $element.on('click', function(e) {
8 | if((!$attr.href || $attr.href.indexOf('#') === -1) && $attr.duSmoothScroll === '') return;
9 |
10 | var id = $attr.href ? $attr.href.replace(/.*(?=#[^\s]+$)/, '').substring(1) : $attr.duSmoothScroll;
11 |
12 | var target = document.getElementById(id) || document.getElementsByName(id)[0];
13 | if(!target || !target.getBoundingClientRect) return;
14 |
15 | if (e.stopPropagation) e.stopPropagation();
16 | if (e.preventDefault) e.preventDefault();
17 |
18 | var offset = $attr.offset ? parseInt($attr.offset, 10) : duScrollOffset;
19 | var duration = $attr.duration ? parseInt($attr.duration, 10) : duScrollDuration;
20 | var container = scrollContainerAPI.getContainer($scope);
21 |
22 | container.duScrollToElement(
23 | angular.element(target),
24 | isNaN(offset) ? 0 : offset,
25 | isNaN(duration) ? 0 : duration
26 | );
27 | });
28 | }
29 | };
30 | });
31 |
--------------------------------------------------------------------------------
/src/directives/spy-context.js:
--------------------------------------------------------------------------------
1 | angular.module('duScroll.spyContext', ['duScroll.spyAPI'])
2 | .directive('duSpyContext', function(spyAPI) {
3 | 'use strict';
4 |
5 | return {
6 | restrict: 'A',
7 | scope: true,
8 | compile: function compile(tElement, tAttrs, transclude) {
9 | return {
10 | pre: function preLink($scope, iElement, iAttrs, controller) {
11 | spyAPI.createContext($scope);
12 | }
13 | };
14 | }
15 | };
16 | });
17 |
--------------------------------------------------------------------------------
/src/helpers.js:
--------------------------------------------------------------------------------
1 | angular.module('duScroll.scrollHelpers', ['duScroll.requestAnimation'])
2 | .run(function($window, $q, cancelAnimation, requestAnimation, duScrollEasing, duScrollDuration, duScrollOffset, duScrollCancelOnEvents) {
3 | 'use strict';
4 |
5 | var proto = {};
6 |
7 | var isDocument = function(el) {
8 | return (typeof HTMLDocument !== 'undefined' && el instanceof HTMLDocument) || (el.nodeType && el.nodeType === el.DOCUMENT_NODE);
9 | };
10 |
11 | var isElement = function(el) {
12 | return (typeof HTMLElement !== 'undefined' && el instanceof HTMLElement) || (el.nodeType && el.nodeType === el.ELEMENT_NODE);
13 | };
14 |
15 | var unwrap = function(el) {
16 | return isElement(el) || isDocument(el) ? el : el[0];
17 | };
18 |
19 | proto.duScrollTo = function(left, top, duration, easing) {
20 | var aliasFn;
21 | if(angular.isElement(left)) {
22 | aliasFn = this.duScrollToElement;
23 | } else if(angular.isDefined(duration)) {
24 | aliasFn = this.duScrollToAnimated;
25 | }
26 | if(aliasFn) {
27 | return aliasFn.apply(this, arguments);
28 | }
29 | var el = unwrap(this);
30 | if(isDocument(el)) {
31 | return $window.scrollTo(left, top);
32 | }
33 | el.scrollLeft = left;
34 | el.scrollTop = top;
35 | };
36 |
37 | var scrollAnimation, deferred;
38 | proto.duScrollToAnimated = function(left, top, duration, easing) {
39 | if(duration && !easing) {
40 | easing = duScrollEasing;
41 | }
42 | var startLeft = this.duScrollLeft(),
43 | startTop = this.duScrollTop(),
44 | deltaLeft = Math.round(left - startLeft),
45 | deltaTop = Math.round(top - startTop);
46 |
47 | var startTime = null, progress = 0;
48 | var el = this;
49 |
50 | var cancelScrollAnimation = function($event) {
51 | if (!$event || (progress && $event.which > 0)) {
52 | if(duScrollCancelOnEvents) {
53 | el.unbind(duScrollCancelOnEvents, cancelScrollAnimation);
54 | }
55 | cancelAnimation(scrollAnimation);
56 | deferred.reject();
57 | scrollAnimation = null;
58 | }
59 | };
60 |
61 | if(scrollAnimation) {
62 | cancelScrollAnimation();
63 | }
64 | deferred = $q.defer();
65 |
66 | if(duration === 0 || (!deltaLeft && !deltaTop)) {
67 | if(duration === 0) {
68 | el.duScrollTo(left, top);
69 | }
70 | deferred.resolve();
71 | return deferred.promise;
72 | }
73 |
74 | var animationStep = function(timestamp) {
75 | if (startTime === null) {
76 | startTime = timestamp;
77 | }
78 |
79 | progress = timestamp - startTime;
80 | var percent = (progress >= duration ? 1 : easing(progress/duration));
81 |
82 | el.scrollTo(
83 | startLeft + Math.ceil(deltaLeft * percent),
84 | startTop + Math.ceil(deltaTop * percent)
85 | );
86 | if(percent < 1) {
87 | scrollAnimation = requestAnimation(animationStep);
88 | } else {
89 | if(duScrollCancelOnEvents) {
90 | el.unbind(duScrollCancelOnEvents, cancelScrollAnimation);
91 | }
92 | scrollAnimation = null;
93 | deferred.resolve();
94 | }
95 | };
96 |
97 | //Fix random mobile safari bug when scrolling to top by hitting status bar
98 | el.duScrollTo(startLeft, startTop);
99 |
100 | if(duScrollCancelOnEvents) {
101 | el.bind(duScrollCancelOnEvents, cancelScrollAnimation);
102 | }
103 |
104 | scrollAnimation = requestAnimation(animationStep);
105 | return deferred.promise;
106 | };
107 |
108 | proto.duScrollToElement = function(target, offset, duration, easing) {
109 | var el = unwrap(this);
110 | if(!angular.isNumber(offset) || isNaN(offset)) {
111 | offset = duScrollOffset;
112 | }
113 | var top = this.duScrollTop() + unwrap(target).getBoundingClientRect().top - offset;
114 | if(isElement(el)) {
115 | top -= el.getBoundingClientRect().top;
116 | }
117 | return this.duScrollTo(0, top, duration, easing);
118 | };
119 |
120 | proto.duScrollLeft = function(value, duration, easing) {
121 | if(angular.isNumber(value)) {
122 | return this.duScrollTo(value, this.duScrollTop(), duration, easing);
123 | }
124 | var el = unwrap(this);
125 | if(isDocument(el)) {
126 | return $window.scrollX || document.documentElement.scrollLeft || document.body.scrollLeft;
127 | }
128 | return el.scrollLeft;
129 | };
130 | proto.duScrollTop = function(value, duration, easing) {
131 | if(angular.isNumber(value)) {
132 | return this.duScrollTo(this.duScrollLeft(), value, duration, easing);
133 | }
134 | var el = unwrap(this);
135 | if(isDocument(el)) {
136 | return $window.scrollY || document.documentElement.scrollTop || document.body.scrollTop;
137 | }
138 | return el.scrollTop;
139 | };
140 |
141 | proto.duScrollToElementAnimated = function(target, offset, duration, easing) {
142 | return this.duScrollToElement(target, offset, duration || duScrollDuration, easing);
143 | };
144 |
145 | proto.duScrollTopAnimated = function(top, duration, easing) {
146 | return this.duScrollTop(top, duration || duScrollDuration, easing);
147 | };
148 |
149 | proto.duScrollLeftAnimated = function(left, duration, easing) {
150 | return this.duScrollLeft(left, duration || duScrollDuration, easing);
151 | };
152 |
153 | angular.forEach(proto, function(fn, key) {
154 | angular.element.prototype[key] = fn;
155 |
156 | //Remove prefix if not already claimed by jQuery / ui.utils
157 | var unprefixed = key.replace(/^duScroll/, 'scroll');
158 | if(angular.isUndefined(angular.element.prototype[unprefixed])) {
159 | angular.element.prototype[unprefixed] = fn;
160 | }
161 | });
162 |
163 | });
164 |
--------------------------------------------------------------------------------
/src/module.js:
--------------------------------------------------------------------------------
1 | /**
2 | * x is a value between 0 and 1, indicating where in the animation you are.
3 | */
4 | var duScrollDefaultEasing = function (x) {
5 | 'use strict';
6 |
7 | if(x < 0.5) {
8 | return Math.pow(x*2, 2)/2;
9 | }
10 | return 1-Math.pow((1-x)*2, 2)/2;
11 | };
12 |
13 | var duScroll = angular.module('duScroll', [
14 | 'duScroll.scrollspy',
15 | 'duScroll.smoothScroll',
16 | 'duScroll.scrollContainer',
17 | 'duScroll.spyContext',
18 | 'duScroll.scrollHelpers'
19 | ])
20 | //Default animation duration for smoothScroll directive
21 | .value('duScrollDuration', 350)
22 | //Scrollspy debounce interval, set to 0 to disable
23 | .value('duScrollSpyWait', 100)
24 | //Scrollspy forced refresh interval, use if your content changes or reflows without scrolling.
25 | //0 to disable
26 | .value('duScrollSpyRefreshInterval', 0)
27 | //Wether or not multiple scrollspies can be active at once
28 | .value('duScrollGreedy', false)
29 | //Default offset for smoothScroll directive
30 | .value('duScrollOffset', 0)
31 | //Default easing function for scroll animation
32 | .value('duScrollEasing', duScrollDefaultEasing)
33 | //Which events on the container (such as body) should cancel scroll animations
34 | .value('duScrollCancelOnEvents', 'scroll mousedown mousewheel touchmove keydown')
35 | //Whether or not to activate the last scrollspy, when page/container bottom is reached
36 | .value('duScrollBottomSpy', false)
37 | //Active class name
38 | .value('duScrollActiveClass', 'active');
39 |
40 | if (typeof module !== 'undefined' && module && module.exports) {
41 | module.exports = duScroll;
42 | }
43 |
--------------------------------------------------------------------------------
/src/services/request-animation.js:
--------------------------------------------------------------------------------
1 | //Adapted from https://gist.github.com/paulirish/1579671
2 | angular.module('duScroll.polyfill', [])
3 | .factory('polyfill', function($window) {
4 | 'use strict';
5 |
6 | var vendors = ['webkit', 'moz', 'o', 'ms'];
7 |
8 | return function(fnName, fallback) {
9 | if($window[fnName]) {
10 | return $window[fnName];
11 | }
12 | var suffix = fnName.substr(0, 1).toUpperCase() + fnName.substr(1);
13 | for(var key, i = 0; i < vendors.length; i++) {
14 | key = vendors[i]+suffix;
15 | if($window[key]) {
16 | return $window[key];
17 | }
18 | }
19 | return fallback;
20 | };
21 | });
22 |
23 | angular.module('duScroll.requestAnimation', ['duScroll.polyfill'])
24 | .factory('requestAnimation', function(polyfill, $timeout) {
25 | 'use strict';
26 |
27 | var lastTime = 0;
28 | var fallback = function(callback, element) {
29 | var currTime = new Date().getTime();
30 | var timeToCall = Math.max(0, 16 - (currTime - lastTime));
31 | var id = $timeout(function() { callback(currTime + timeToCall); },
32 | timeToCall);
33 | lastTime = currTime + timeToCall;
34 | return id;
35 | };
36 |
37 | return polyfill('requestAnimationFrame', fallback);
38 | })
39 | .factory('cancelAnimation', function(polyfill, $timeout) {
40 | 'use strict';
41 |
42 | var fallback = function(promise) {
43 | $timeout.cancel(promise);
44 | };
45 |
46 | return polyfill('cancelAnimationFrame', fallback);
47 | });
48 |
--------------------------------------------------------------------------------
/src/services/scroll-container-api.js:
--------------------------------------------------------------------------------
1 | angular.module('duScroll.scrollContainerAPI', [])
2 | .factory('scrollContainerAPI', function($document) {
3 | 'use strict';
4 |
5 | var containers = {};
6 |
7 | var setContainer = function(scope, element) {
8 | var id = scope.$id;
9 | containers[id] = element;
10 | return id;
11 | };
12 |
13 | var getContainerId = function(scope) {
14 | if(containers[scope.$id]) {
15 | return scope.$id;
16 | }
17 | if(scope.$parent) {
18 | return getContainerId(scope.$parent);
19 | }
20 | return;
21 | };
22 |
23 | var getContainer = function(scope) {
24 | var id = getContainerId(scope);
25 | return id ? containers[id] : $document;
26 | };
27 |
28 | var removeContainer = function(scope) {
29 | var id = getContainerId(scope);
30 | if(id) {
31 | delete containers[id];
32 | }
33 | };
34 |
35 | return {
36 | getContainerId: getContainerId,
37 | getContainer: getContainer,
38 | setContainer: setContainer,
39 | removeContainer: removeContainer
40 | };
41 | });
42 |
--------------------------------------------------------------------------------
/src/services/spy-api.js:
--------------------------------------------------------------------------------
1 | angular.module('duScroll.spyAPI', ['duScroll.scrollContainerAPI'])
2 | .factory('spyAPI', function($rootScope, $timeout, $interval, $window, $document, scrollContainerAPI, duScrollGreedy, duScrollSpyWait, duScrollSpyRefreshInterval, duScrollBottomSpy, duScrollActiveClass) {
3 | 'use strict';
4 |
5 | var createScrollHandler = function(context) {
6 | var timer = false, queued = false;
7 | var handler = function() {
8 | queued = false;
9 | var container = context.container,
10 | containerEl = container[0],
11 | containerOffset = 0,
12 | bottomReached;
13 |
14 | if (typeof HTMLElement !== 'undefined' && containerEl instanceof HTMLElement || containerEl.nodeType && containerEl.nodeType === containerEl.ELEMENT_NODE) {
15 | containerOffset = containerEl.getBoundingClientRect().top;
16 | bottomReached = Math.round(containerEl.scrollTop + containerEl.clientHeight) >= containerEl.scrollHeight;
17 | } else {
18 | var documentScrollHeight = $document[0].body.scrollHeight || $document[0].documentElement.scrollHeight; // documentElement for IE11
19 | bottomReached = Math.round($window.pageYOffset + $window.innerHeight) >= documentScrollHeight;
20 | }
21 | var compareProperty = (duScrollBottomSpy && bottomReached ? 'bottom' : 'top');
22 |
23 | var i, currentlyActive, toBeActive, spies, spy, pos;
24 | spies = context.spies;
25 | currentlyActive = context.currentlyActive;
26 | toBeActive = undefined;
27 |
28 | for(i = 0; i < spies.length; i++) {
29 | spy = spies[i];
30 | pos = spy.getTargetPosition();
31 | if (!pos || !spy.$element) continue;
32 |
33 | if((duScrollBottomSpy && bottomReached) || (pos.top + spy.offset - containerOffset < 20 && (duScrollGreedy || pos.top*-1 + containerOffset) < pos.height)) {
34 | //Find the one closest the viewport top or the page bottom if it's reached
35 | if(!toBeActive || toBeActive[compareProperty] < pos[compareProperty]) {
36 | toBeActive = {
37 | spy: spy
38 | };
39 | toBeActive[compareProperty] = pos[compareProperty];
40 | }
41 | }
42 | }
43 |
44 | if(toBeActive) {
45 | toBeActive = toBeActive.spy;
46 | }
47 | if(currentlyActive === toBeActive || (duScrollGreedy && !toBeActive)) return;
48 | if(currentlyActive && currentlyActive.$element) {
49 | currentlyActive.$element.removeClass(duScrollActiveClass);
50 | $rootScope.$broadcast(
51 | 'duScrollspy:becameInactive',
52 | currentlyActive.$element,
53 | angular.element(currentlyActive.getTargetElement())
54 | );
55 | }
56 | if(toBeActive) {
57 | toBeActive.$element.addClass(duScrollActiveClass);
58 | $rootScope.$broadcast(
59 | 'duScrollspy:becameActive',
60 | toBeActive.$element,
61 | angular.element(toBeActive.getTargetElement())
62 | );
63 | }
64 | context.currentlyActive = toBeActive;
65 | };
66 |
67 | if(!duScrollSpyWait) {
68 | return handler;
69 | }
70 |
71 | //Debounce for potential performance savings
72 | return function() {
73 | if(!timer) {
74 | handler();
75 | timer = $timeout(function() {
76 | timer = false;
77 | if(queued) {
78 | handler();
79 | }
80 | }, duScrollSpyWait, false);
81 | } else {
82 | queued = true;
83 | }
84 | };
85 | };
86 |
87 | var contexts = {};
88 |
89 | var createContext = function($scope) {
90 | var id = $scope.$id;
91 | var context = {
92 | spies: []
93 | };
94 |
95 | context.handler = createScrollHandler(context);
96 | contexts[id] = context;
97 |
98 | $scope.$on('$destroy', function() {
99 | destroyContext($scope);
100 | });
101 |
102 | return id;
103 | };
104 |
105 | var destroyContext = function($scope) {
106 | var id = $scope.$id;
107 | var context = contexts[id], container = context.container;
108 | if(context.intervalPromise) {
109 | $interval.cancel(context.intervalPromise);
110 | }
111 | if(container) {
112 | container.off('scroll', context.handler);
113 | }
114 | delete contexts[id];
115 | };
116 |
117 | var defaultContextId = createContext($rootScope);
118 |
119 | var getContextForScope = function(scope) {
120 | if(contexts[scope.$id]) {
121 | return contexts[scope.$id];
122 | }
123 | if(scope.$parent) {
124 | return getContextForScope(scope.$parent);
125 | }
126 | return contexts[defaultContextId];
127 | };
128 |
129 | var getContextForSpy = function(spy) {
130 | var context, contextId, scope = spy.$scope;
131 | if(scope) {
132 | return getContextForScope(scope);
133 | }
134 | //No scope, most likely destroyed
135 | for(contextId in contexts) {
136 | context = contexts[contextId];
137 | if(context.spies.indexOf(spy) !== -1) {
138 | return context;
139 | }
140 | }
141 | };
142 |
143 | var isElementInDocument = function(element) {
144 | while (element.parentNode) {
145 | element = element.parentNode;
146 | if (element === document) {
147 | return true;
148 | }
149 | }
150 | return false;
151 | };
152 |
153 | var addSpy = function(spy) {
154 | var context = getContextForSpy(spy);
155 | if (!context) return;
156 | context.spies.push(spy);
157 | if (!context.container || !isElementInDocument(context.container)) {
158 | if(context.container) {
159 | context.container.off('scroll', context.handler);
160 | }
161 | context.container = scrollContainerAPI.getContainer(spy.$scope);
162 | if (duScrollSpyRefreshInterval && !context.intervalPromise) {
163 | context.intervalPromise = $interval(context.handler, duScrollSpyRefreshInterval, 0, false);
164 | }
165 | context.container.on('scroll', context.handler).triggerHandler('scroll');
166 | }
167 | };
168 |
169 | var removeSpy = function(spy) {
170 | var context = getContextForSpy(spy);
171 | if(spy === context.currentlyActive) {
172 | $rootScope.$broadcast('duScrollspy:becameInactive', context.currentlyActive.$element);
173 | context.currentlyActive = null;
174 | }
175 | var i = context.spies.indexOf(spy);
176 | if(i !== -1) {
177 | context.spies.splice(i, 1);
178 | }
179 | spy.$element = null;
180 | };
181 |
182 | return {
183 | addSpy: addSpy,
184 | removeSpy: removeSpy,
185 | createContext: createContext,
186 | destroyContext: destroyContext,
187 | getContextForScope: getContextForScope
188 | };
189 | });
190 |
--------------------------------------------------------------------------------
/test/e2e/pages/container-page.js:
--------------------------------------------------------------------------------
1 | var ContainerPage = (function () {
2 | var ptor = protractor.getInstance();
3 |
4 | function ContainerPage() {
5 | this.links = element.all(By.css('nav a'));
6 | this.activeLinks = element.all(By.css('nav a.active'));
7 | this.topButton = element(By.css('footer button:first-child'));
8 | }
9 |
10 | ContainerPage.prototype.visitPage = function () {
11 | browser.get('/example/container.html');
12 | };
13 |
14 | ContainerPage.prototype.scrollToTop = function () {
15 | return this.topButton.click().then(function() {
16 | ptor.sleep(5000);
17 | });
18 | };
19 |
20 | ContainerPage.prototype.scrollToSection = function (nr) {
21 | return this.links.get(nr).click().then(function() {
22 | ptor.sleep(500);
23 | });
24 | };
25 |
26 | ContainerPage.prototype.scrollBackAndForth = function (nr) {
27 | var self = this;
28 | return self.links.get(nr).click().then(function() {
29 | ptor.sleep(100);
30 | return self.topButton.click().then(function() {
31 | ptor.sleep(100);
32 | return self.links.get(nr).click().then(function() {
33 | ptor.sleep(500);
34 | });
35 | });
36 | });
37 | };
38 |
39 | return ContainerPage;
40 |
41 | })();
42 |
43 | module.exports = ContainerPage;
44 |
--------------------------------------------------------------------------------
/test/e2e/pages/default-page.js:
--------------------------------------------------------------------------------
1 | var DefaultPage = (function () {
2 | var ptor = protractor.getInstance();
3 |
4 | function DefaultPage() {
5 | this.links = element.all(By.css('nav a'));
6 | this.activeLinks = element.all(By.css('nav a.active'));
7 | this.topButton = element(By.css('footer button:first-child'));
8 | }
9 |
10 | DefaultPage.prototype.visitPage = function () {
11 | browser.get('/example/index.html');
12 | };
13 |
14 | DefaultPage.prototype.scrollToTop = function () {
15 | return this.topButton.click().then(function() {
16 | ptor.sleep(5000);
17 | });
18 | };
19 |
20 | DefaultPage.prototype.scrollToSection = function (nr) {
21 | return this.links.get(nr).click().then(function() {
22 | ptor.sleep(500);
23 | });
24 | };
25 |
26 | DefaultPage.prototype.scrollBackAndForth = function (nr) {
27 | var self = this;
28 | return self.links.get(nr).click().then(function() {
29 | ptor.sleep(100);
30 | return self.topButton.click().then(function() {
31 | ptor.sleep(100);
32 | return self.links.get(nr).click().then(function() {
33 | ptor.sleep(500);
34 | });
35 | });
36 | });
37 | };
38 |
39 | return DefaultPage;
40 |
41 | })();
42 |
43 | module.exports = DefaultPage;
44 |
--------------------------------------------------------------------------------
/test/e2e/scenarios.js:
--------------------------------------------------------------------------------
1 | require('jasmine-given');
2 |
3 | var pages = {
4 | DefaultPage: require('./pages/default-page'),
5 | ContainerPage: require('./pages/container-page')
6 | };
7 |
8 | describe('duScroll', function() {
9 | for(var pageName in pages) {
10 | describe(pageName, function() {
11 | var page = new pages[pageName]();
12 | page.visitPage();
13 |
14 | describe('duScrollspy', function() {
15 |
16 | beforeEach(function() {
17 | page.visitPage();
18 | });
19 |
20 | it('should have a section 1 link', function() {
21 | expect(page.links.count()).toBe(4);
22 | expect(page.links.first().getText()).toMatch(/Section 1/);
23 | });
24 |
25 | it('should make the section 1 link active after clicking it', function() {
26 | page.scrollToSection(0).then(function() {
27 | expect(page.activeLinks.count()).toBe(1);
28 | expect(page.links.get(0).getAttribute('class')).toBe('active');
29 | });
30 | });
31 |
32 | if(pageName === 'DefaultPage') {
33 | //Omit this test for the container page since the first link is at the top
34 | it('should make all links inactive after scrolling to top', function() {
35 | page.scrollToTop().then(function() {
36 | expect(page.activeLinks.count()).toBe(0);
37 | });
38 | });
39 | it('should support elements with name instead of id attribute', function() {
40 | page.scrollToSection(1).then(function() {
41 | expect(page.activeLinks.count()).toBe(1);
42 | expect(page.links.get(1).getAttribute('class')).toBe('active');
43 | });
44 | });
45 | it('should support du-smooth-scroll attribute instead of href', function() {
46 | page.scrollToSection(2).then(function() {
47 | expect(page.activeLinks.count()).toBe(1);
48 | expect(page.links.get(2).getAttribute('class')).toBe('active');
49 | });
50 | });
51 | }
52 |
53 | it('should cancel all animations except the last one', function() {
54 | page.scrollBackAndForth(2).then(function() {
55 | expect(page.activeLinks.count()).toBe(1);
56 | expect(page.links.get(2).getAttribute('class')).toBe('active');
57 | });
58 | });
59 | });
60 | });
61 | }
62 | });
63 |
64 |
--------------------------------------------------------------------------------
/test/karma.conf.js:
--------------------------------------------------------------------------------
1 | var path = require('path');
2 |
3 | var testFiles = [
4 | 'bower_components/angular/angular.js',
5 | 'bower_components/angular-mocks/angular-mocks.js',
6 | 'src/**/*.js',
7 | 'test/unit/**/*.js'
8 | ];
9 |
10 | module.exports = function(config){
11 | var options = {
12 | basePath : path.dirname(__dirname),
13 | files : testFiles,
14 | autoWatch : true,
15 | frameworks: ['jasmine'],
16 | browsers : ['Firefox', 'Chrome'],
17 | customLaunchers: {
18 | Chrome_travis_ci: {
19 | base: 'Chrome',
20 | flags: ['--no-sandbox']
21 | }
22 | },
23 | plugins : [
24 | 'karma-chrome-launcher',
25 | 'karma-firefox-launcher',
26 | 'karma-jasmine'
27 | ],
28 | junitReporter : {
29 | outputFile: 'test_out/unit.xml',
30 | suite: 'unit'
31 | }
32 | };
33 | if(process.env.TRAVIS){
34 | options.browsers = ['Chrome_travis_ci'];
35 | }
36 | config.set(options);
37 | };
38 |
39 | module.exports.testFiles = testFiles;
40 |
--------------------------------------------------------------------------------
/test/protractor.conf.js:
--------------------------------------------------------------------------------
1 | exports.config = {
2 | allScriptsTimeout: 11000,
3 |
4 | specs: [
5 | 'e2e/*.js'
6 | ],
7 |
8 | capabilities: {
9 | 'browserName': 'chrome'
10 | },
11 |
12 | baseUrl: 'http://localhost:8888/',
13 |
14 | framework: 'jasmine',
15 |
16 | jasmineNodeOpts: {
17 | defaultTimeoutInterval: 30000
18 | }
19 | };
20 |
--------------------------------------------------------------------------------
/test/unit/defaultsSpec.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | describe('defaults', function() {
4 | beforeEach(module('duScroll'));
5 |
6 | it('should should have a default scroll duration', inject(function(duScrollDuration) {
7 | expect(duScrollDuration).not.toBe(null);
8 | }));
9 |
10 | it('should should have a default easing function', inject(function(duScrollEasing) {
11 | expect(duScrollEasing).not.toBe(null);
12 | }));
13 |
14 | it('should have a default active class', inject(function(duScrollActiveClass) {
15 | expect(duScrollActiveClass).toEqual('active');
16 | }));
17 | });
18 |
--------------------------------------------------------------------------------
/test/unit/helpersSpec.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | describe('jqlite helpers', function() {
4 | beforeEach(module('duScroll'));
5 |
6 | describe('scrollTopAnimated', function() {
7 | var duration = 100;
8 |
9 | it('should return a promise', inject(function($document, $q, $rootScope) {
10 | var deferred = $q.defer();
11 | var promise = $document.scrollTopAnimated(100, duration);
12 | expect(promise).toEqual(jasmine.any(Object));
13 | expect(Object.keys(promise)).toEqual(Object.keys(deferred.promise));
14 |
15 | it('which should resolve when done animating', function(done){
16 | spyOn(promise, 'then');
17 | $rootScope.$digest();
18 | setTimeout(function() {
19 | expect(promise.then).toHaveBeenCalled();
20 | done();
21 | }, duration*1.5);
22 | });
23 | }));
24 |
25 | it('should cancel previous animation', function(done){inject(function($document, $rootScope) {
26 | var rejected = false;
27 | $document.scrollTopAnimated(200, duration)
28 | .catch(function() {
29 | rejected = true;
30 | })
31 | .finally(function() {
32 | expect(rejected).toEqual(true);
33 | done();
34 | });
35 | $document.scrollTopAnimated(300, duration);
36 | $rootScope.$digest();
37 | })});
38 | });
39 | });
40 |
--------------------------------------------------------------------------------
/test/unit/servicesSpec.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | describe('service', function() {
4 | beforeEach(module('duScroll'));
5 |
6 |
7 | describe('requestAnimation', function() {
8 | it('should contain an requestAnimation service', inject(function(requestAnimation) {
9 | expect(requestAnimation).not.toBe(null);
10 | }));
11 |
12 | describe('callback', function() {
13 | var timerCallback;
14 | beforeEach(function() {
15 | timerCallback = jasmine.createSpy("timerCallback");
16 | });
17 |
18 | it('should be called within 100ms', function(done){inject(['requestAnimation',function(requestAnimation) {
19 | requestAnimation(timerCallback);
20 | expect(timerCallback).not.toHaveBeenCalled();
21 | setTimeout(function() {
22 | expect(timerCallback).toHaveBeenCalled();
23 | done();
24 | }, 100);
25 | }])});
26 | });
27 | });
28 |
29 |
30 | describe('scrollContainerAPI', function() {
31 | it('should contain an scrollContainerAPI service', inject(function(scrollContainerAPI) {
32 | expect(scrollContainerAPI).not.toBe(null);
33 | }));
34 |
35 | it('should default to $document', inject(['$rootScope', 'scrollContainerAPI', '$document' ,function($rootScope, containers, $document) {
36 | expect(containers.getContainer($rootScope)).toBe($document);
37 | }]));
38 | });
39 |
40 |
41 | describe('spyAPI', function() {
42 | it('should contain an spyAPI service', inject(function(spyAPI) {
43 | expect(spyAPI).not.toBe(null);
44 | }));
45 |
46 | it('should return $id when creating a context', inject(['$rootScope', 'spyAPI' ,function($rootScope, spyAPI) {
47 | expect(spyAPI.createContext($rootScope)).toBe($rootScope.$id);
48 | }]));
49 |
50 | it('should return a root context object by default', inject(['$rootScope', 'spyAPI' ,function($rootScope, spyAPI) {
51 | var testScope = $rootScope.$new();
52 | expect(spyAPI.getContextForScope(testScope)).toBe(spyAPI.getContextForScope($rootScope));
53 | }]));
54 |
55 | it('should not return default context if specified', inject(['$rootScope', 'spyAPI' ,function($rootScope, spyAPI) {
56 | var testScope = $rootScope.$new();
57 | spyAPI.createContext(testScope);
58 | expect(spyAPI.getContextForScope(testScope)).not.toBe(spyAPI.getContextForScope($rootScope));
59 | }]));
60 |
61 | it('should return parent scope context', inject(['$rootScope', 'spyAPI' ,function($rootScope, spyAPI) {
62 | var testScope = $rootScope.$new();
63 | var childScope = testScope.$new();
64 | expect(spyAPI.getContextForScope(childScope)).toBe(spyAPI.getContextForScope(testScope));
65 | }]));
66 |
67 | it('should return default context when destroyed', inject(['$rootScope', 'spyAPI' ,function($rootScope, spyAPI) {
68 | var testScope = $rootScope.$new();
69 | spyAPI.createContext(testScope);
70 |
71 | expect(spyAPI.getContextForScope(testScope)).not.toBe(spyAPI.getContextForScope($rootScope));
72 |
73 | spyAPI.destroyContext(testScope);
74 |
75 | expect(spyAPI.getContextForScope(testScope)).toBe(spyAPI.getContextForScope($rootScope));
76 | }]));
77 | });
78 | });
79 |
--------------------------------------------------------------------------------
Angular.js Container Scroll Example
104 |Section 1
106 |
107 |
110 | Sub Section 1
108 |Bacon ipsum dolor sit amet sausage tail capicola ground round hamburger ham hock. Short ribs pig andouille meatball, pastrami tri-tip fatback ham hock shank kielbasa swine. Rump pancetta jerky kielbasa doner beef ribs tongue hamburger strip steak drumstick andouille shoulder shank flank. Swine drumstick meatball pig beef sausage strip steak.
109 |
111 |
114 | Sub Section 2
112 |Bacon ipsum dolor sit amet sausage tail capicola ground round hamburger ham hock. Short ribs pig andouille meatball, pastrami tri-tip fatback ham hock shank kielbasa swine. Rump pancetta jerky kielbasa doner beef ribs tongue hamburger strip steak drumstick andouille shoulder shank flank. Swine drumstick meatball pig beef sausage strip steak.
113 |
115 |
118 | Sub Section 3
116 |Bacon ipsum dolor sit amet sausage tail capicola ground round hamburger ham hock. Short ribs pig andouille meatball, pastrami tri-tip fatback ham hock shank kielbasa swine. Rump pancetta jerky kielbasa doner beef ribs tongue hamburger strip steak drumstick andouille shoulder shank flank. Swine drumstick meatball pig beef sausage strip steak.
117 |
119 |
122 | Sub Section 4
120 |Bacon ipsum dolor sit amet sausage tail capicola ground round hamburger ham hock. Short ribs pig andouille meatball, pastrami tri-tip fatback ham hock shank kielbasa swine. Rump pancetta jerky kielbasa doner beef ribs tongue hamburger strip steak drumstick andouille shoulder shank flank. Swine drumstick meatball pig beef sausage strip steak.
121 |Section 2
126 |Bacon strip steak ground round, tongue pastrami short ribs pork chop venison turducken sausage sirloin. Flank chicken pork chop capicola turkey turducken cow pork loin biltong meatball drumstick pancetta filet mignon ground round fatback. Ham hock jerky short ribs brisket. Meatloaf shoulder pork chop capicola, sirloin swine pig pork. Jerky ribeye hamburger pork loin sirloin kevin bresaola boudin chuck flank. Ham hock pork belly chicken jerky rump bresaola.
127 |Section 3
131 |Shank fatback pastrami short loin, turkey jowl kielbasa ribeye chicken jerky drumstick flank ham. Swine shankle pork belly kielbasa shoulder flank jowl, sirloin doner. Kevin tri-tip bresaola leberkas. Swine ball tip cow strip steak. Ham filet mignon pork chop, pork fatback andouille pork loin shoulder jowl swine strip steak turducken prosciutto rump.
132 | 133 |Tongue tri-tip pastrami, shoulder rump pork belly ground round. Ham hock chuck leberkas doner, strip steak corned beef tri-tip capicola. Rump turkey ham sausage shankle. Flank shankle pork chop ham hock. Shankle venison kielbasa, pancetta swine beef ball tip t-bone bacon hamburger ground round ribeye flank. Turducken bacon bresaola, chicken kevin boudin ball tip strip steak filet mignon pork turkey shank ground round. Kielbasa fatback prosciutto pork chop, jerky ground round leberkas boudin ball tip beef shankle shoulder swine brisket.
134 |Section 4
138 | 139 |To section 1 Shoulder cow tenderloin chuck, pork chop jerky doner leberkas. Chuck sausage hamburger, kevin beef pork chop pork shoulder ground round ball tip turducken flank. Bresaola tri-tip meatloaf, salami venison tail pig shank shankle jowl sausage brisket cow biltong turducken. Swine turducken hamburger ball tip short loin prosciutto kevin jowl tri-tip. Doner meatloaf pork brisket.
140 |