Plugin jquery nie działa

Question

Witam mam taki problem że mam plugin do jquery:

(function($) {
    
    jQuery.scrollSpeed = function(step, speed, easing) {
        
        var $document = $(document),
            $window = $(window),
            $body = $('html, body'),
            option = easing || 'default',
            root = 0,
            scroll = false,
            scrollY,
            scrollX,
            view;
            
        if (window.navigator.msPointerEnabled)
        
            return false;
            
        $window.on('mousewheel DOMMouseScroll', function(e) {
            
            var deltaY = e.originalEvent.wheelDeltaY,
                detail = e.originalEvent.detail;
                scrollY = $document.height() > $window.height();
                scrollX = $document.width() > $window.width();
                scroll = true;
            
            if (scrollY) {
                
                view = $window.height();
                    
                if (deltaY < 0 || detail > 0)
            
                    root = (root + view) >= $document.height() ? root : root += step;
                
                if (deltaY > 0 || detail < 0)
            
                    root = root <= 0 ? 0 : root -= step;
                
                $body.stop().animate({
            
                    scrollTop: root
                
                }, speed, option, function() {
            
                    scroll = false;
                
                });
            }
            
            if (scrollX) {
                
                view = $window.width();
                    
                if (deltaY < 0 || detail > 0)
            
                    root = (root + view) >= $document.width() ? root : root += step;
                
                if (deltaY > 0 || detail < 0)
            
                    root = root <= 0 ? 0 : root -= step;
                
                $body.stop().animate({
            
                    scrollLeft: root
                
                }, speed, option, function() {
            
                    scroll = false;
                
                });
            }
            
            return false;
            
        }).on('scroll', function() {
            
            if (scrollY && !scroll) root = $window.scrollTop();
            if (scrollX && !scroll) root = $window.scrollLeft();
            
        }).on('resize', function() {
            
            if (scrollY && !scroll) view = $window.height();
            if (scrollX && !scroll) view = $window.width();
            
        });       
    };
    
    jQuery.easing.default = function (x,t,b,c,d) {
    
        return -c * ((t=t/d-1)*t*t*t - 1) + b;
    };
    
})(jQuery);

I taki kod który podpinam pod html:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <script src="jQuery.scrollSpeed.js"></script>
        <script>
            $(function() {

                jQuery.scrollSpeed(100, 800);

            });

        </script>

i podpinam go na sam koniec znacznika main który trzyma całą resztę znaczników ale problem jest taki że jak włączę stronę to nie da się scrollować i co robię źle ktoś mi powie

Tu jest link do pluginu: http://www.jqueryscript.net/animation/jQuery-Plugin-For-Smooth-Mouse-Scrolling-scrollSpeed.html

Answer 1

Mi działa. Sprawdzałeś konsolę JS w przeglądarce?

BTW 1. Czemu stare jQuery 1.11?

BTW 2. Grzebanie ze scrollem jest dość powszechnie odradzane, np https://www.reddit.com/r/webdev/comments/47n9ph/psa_dont_use_smooth_scroll_scriptsplugins_on_your/