Slidebox pager in footer/anchored at the bottom - how to?

1

I’d like to fix my pager at the bottom of the screen so the content scrolls under it. Ideally the background would be transparent and I’d pad the slidebox so users can scroll up and see everything above the footer and pager, but it doesn’t have to be like that - as long as the content scrolls above the footer thats not problem.

I don’t want to fix the pager at the top (it’s in the way of the content).

Is there a way to do this?

2

Controller:
var slider = $ionicSlideBoxDelegate.$getByHandle(‘new-bid’);
$scope.numSlides = function() {
return new Array(slider.slidesCount() - 1);
}

	$scope.slideHasChanged = function($index) {
		$scope.currentSlide = $index;
	}

	$scope.pagerClick = function($index) {
		slider.slide($index);
	}

View:

<ion-footer-bar class="bar-stable">
		<div class="slider-pager">
			<span class="slider-pager-page" ng-repeat="slide in numSlides() track by $index" ng-class="{active: $index == currentSlide}" ng-click="pagerClick($index)"><i class="icon ion-record"></i></span>
		</div>
	</ion-footer-bar>