Skrollr vs Bootstrap Scrollspy on mobile devices

skrollr-scrollspy

//= require jquery
//= require bootstrap-sprockets
//= require jquery_ujs
//= require imagesloaded
//= require skrollr
//= require skrollr.ie
//= require underscore
//= require gmaps/google
//= require turbolinks
//= require_tree .

// Initialise Skrollr and ImagesLoaded
( function( $ ) {

	// Setup variables
	$window = $(window);
	$slide = $('.homeSlide');
	$body = $('body');

	//FadeIn all sections
	$body.imagesLoaded( function() {
		setTimeout(function() {

			// Resize sections
			adjustWindow();

			// Fade in sections
			$body.removeClass('loading').addClass('loaded');
		}, 800);
	});

	function adjustWindow(){

		// Init Skrollr
		// if(!(/Android|iPhone|iPad|iPod|BlackBerry|Windows Phone/i).test(navigator.userAgent || navigator.vendor || window.opera)) {
		// 	var s = skrollr.init({
		// 		forceHeight: false,
		// 		render: function(data) {
		// 			//Debugging - Log the current scroll position.
		// 			//console.log(data.curTop);
		// 		}
		// 	});
		// }

		var s = skrollr.init({
			forceHeight: false,
			render: function(data) {
				//Debugging - Log the current scroll position.
				//console.log(data.curTop);
			}
		});

		// Get window size
		winH = $window.height();

		// Keep minimum height 550
		if(winH <= 550) {
			winH = 550;
		}

		// Resize our slides
		$slide.height(winH);

		// Refresh Skrollr after resizing our sections
		s.refresh($('.homeSlide'));

		skrollr.menu.init(s, {
	    //skrollr will smoothly animate to the new position using `animateTo`.
	    animate: true,

	    //The easing function to use.
	    easing: 'sqrt',

	    //Multiply your data-[offset] values so they match those set in skrollr.init
	    scale: 2,

	    //How long the animation should take in ms.
	    duration: function(currentTop, targetTop) {
	        //By default, the duration is hardcoded at 500ms.
	        return 500;

	        //But you could calculate a value based on the current scroll position (`currentTop`) and the target scroll position (`targetTop`).
	        //return Math.abs(currentTop - targetTop) * 10;
	    },

	    //If you pass a handleLink function you'll disable `data-menu-top` and `data-menu-offset`.
	    //You are in control where skrollr will scroll to. You get the clicked link as a parameter and are expected to return a number.
	    // handleLink: function(link) {
	    //     return 400;//Hardcoding 400 doesn't make much sense.
	    // }
		});
	}

} )( jQuery );