Sliding Tabs Jquery Plugin - How to diable mousewheel functionality?

Question

I'm using Sliding Tabs Jquery Plugin which have mouse wheel scrolling facilities ON as default value. Below is the ref url from where I use code. http://mauriceaquilina.com/build/slidingtabs

Now I don't need mouse wheel scrolling. How can I disable that?

I have already used below codes.

mousewheel : false,
tabsScroll: false,

but they are not working even after installing JQuery MouseWheel Plugin. Can anybody help?

Answer 1

I just got solution for this. In the JQuery file I update below code and now my mouse wheel is disabled..

Previous :

f.bind("mousewheel", function (a, b, c, e)

Change to:

f.unbind("mousewheel", function (a, b, c, e)

Answer 2

.ui-slider-tabs.panel {
   pointer-events: none;
}

just add css to main class .ui-slider-tabs.panel

pointer-event: none;

This is working for me in Firefox and chrome

Answer 3

This worked for me. Previous: $container.bind('mousewheel', function(event, delta, deltaX, deltaY) { if(delta > 0) plugin.next(); else if(delta < 0) plugin.prev(); return false; }); Change to:

$container.unbind('mousewheel', function(event, delta, deltaX, deltaY) {
            if(delta > 0)
                plugin.next();
            else if(delta < 0)
                plugin.prev();
            return false;
        });