cmpolis/scrollIt.js

Easing functions don't work

Opened this issue · 6 comments

First of all this plugin is an awesome work and thanks for sharing.
I'm using it with jQuery Easing script but unfortunately the easing functions do not work.

I'm calling it like this:
$(function() {
$.scrollIt({
easing: 'easeInOutExpo',
scrollTime: 1000,
activeClass: 'active'
});
});

Any thoughts?

I'm glad you like it!

Is $.easing.easeInOutExpo defined? That's part of jQuery UI - you may be forgetting to include that.

Hi cmpolis,
jQuery UI is included through "http://code.jquery.com/ui/1.10.3/jquery-ui.min.js" and easeInOutExpo function is already defined through jQuery Easing.js.
Nothing seems to happen, am I going wrong somewhere?

I also have this issue. The UI library has been included but there is no change in the easing regardless.

Same issue here, For what it's worth i even tried to edit the .animate() method on line 50. Still nothing. Am including UI library.

Thanks for the plugin!

I tried to use it along with jQuery UI and also tried with http://gsgd.co.uk/sandbox/jquery/easing/, but I can't get it to work neither.

I followed the docu of jquery animate and changed de var navigate to dus

var navigate = function(ndx) {
if(ndx < 0 || ndx > lastIndex) return;

        var targetTop = $('[data-scroll-index=' + ndx + ']').offset().top + settings.topOffset + 1;
        $('html,body').animate({
            scrollTop: targetTop
        }, settings.scrollTime, settings.easing);
    };

the easing property is not on the wright place. It have to be after the scrolltime