3

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?

Iman
  • 17,932
  • 6
  • 80
  • 90
  • Do you mean _uninstalling_? If you don't want mouse wheel support then try not including the mousewheel plugin. – andyb Jul 23 '13 at 07:38
  • Yes I don't want mouse wheel effect support. Initially mousewheel plugin was not added but just to disabled I tried installing plugin too. But nothing is working well. – Nidhi Ranpura Jul 23 '13 at 10:21
  • Please remove jquery plugin file "jquery.mousewheel.min.js" – user2393397 Sep 23 '13 at 13:25
  • is the plugin new home page http://lopatin.github.io/sliderTabs/ ? – Iman Dec 02 '14 at 11:22

3 Answers3

3

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)
2

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;
        });
Repressed Radar
  • 144
  • 1
  • 7
0
.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