"disable" feature

[Antonimo]

"disable" feature would be nice, to disable, and turn off all event listeners, when needed.

[alvarotrigo]

Are you talking about a destroy function?

[Antonimo]

more disable/hide than destroy. For example: I want to show something different, with "normal" scrolling, then return to multiscroll.
Or if I want the page to be responsive, disable multiscroll on smaller screens. (a tabled going from portrait to landscape view and back )

[alvarotrigo]

Yeah, that's mainly a destroy function. As you have to unbind all the events used by the plugin.

[Antonimo]

or a if(disabled)return; in all event handlers... as a start ;)

[conormclav]

I was able to disable the listeners and allow the slideshow to run automatically

    $(document).ready(function() {
            $('#myContainer').multiscroll({
                verticalCentered : true,
                scrollingSpeed: 200,
                easing: 'easeInQuart',
                menu: false,
                sectionsColor: [],
                navigation: true,
                navigationPosition: 'right',
                navigationColor: '#000',
                navigationTooltips: [],
                loopBottom: true,
                loopTop: true,
                css3: true,
                paddingTop: 105,
                paddingBottom: 50,
                normalScrollElements: null, 
                keyboardScrolling: false,
                touchSensitivity: 5,


                        //events
                //afterLoad: function(id9, index){},
            });
        });






    $.fn.multiscroll({



            afterLoad: function (anchor, index) {

                setInterval(function() {

                        setTimeout(function(){
                           $.fn.multiscroll.moveSectionDown(); 
                        }, 700);

                 }, 4000);


            },
            afterRender: function(){


                setInterval(function() {

                        setTimeout(function(){
                           $.fn.multiscroll.moveSectionDown(); 
                        }, 700);

                 }, 4000);

            }
        });

 This will set an interval and run the function after 4 seconds, in this case

To disable the mouse scrolling

/**
         * Detecting mousewheel scrolling
         * 
         * http://blogs.sitepointstatic.com/examples/tech/mouse-wheel/index.html
         * http://www.sitepoint.com/html5-javascript-mouse-wheel/
         */
        function MouseWheelHandler(e) {

            return true;
        }

[Hrastopow]

+1 on that @Antonimo . I'm using your fantastic plugin @alvarotrigo, but have huge problems when the page needs to be rendered in mobile, since i have to enable normal scrolling instead of split scroll (or toggle between tablet portrait - normal scroll and landscape - split scroll)

I really have no idea, which event listeners to disable, in order to achieve that. Can you please help me?

[Antonimo]

the code isnt huge really, you can find all the events, there arnt many. Also look at the code above

[talgautb]

see here #21

[dsgnco]

I'm having an issue when using $.fn.multiscroll.build(); for click references

For instance:
$("a.gallery-click").click(function(){
$.fn.multiscroll.destroy();
});
Then:
$("a.gallery-close").click(function(){
$.fn.multiscroll.build();
});

This works, however when clicking the .gallery-close button, code inspector throws the error "Uncaught TypeError: ((m.event.special[e.origType] || (intermediate value)).handle || e.handler).apply is not a function"

Is there another way to go about preventing the page scroll on click?

Ideas?

[talgautb]

@dsgnco may be:

$("a.gallery-click").click(function(){
  $('#multiscroll').multiscroll.destroy();
});

or check version of plugin

[dsgnco]

@talgautb thanks, this is what I have implemented, the problem is on the click function to close, the multiscroll.build(); works but it throws an error in the web inspector "Uncaught TypeError: ((m.event.special[e.origType] || (intermediate value)).handle || e.handler).apply is not a function" and I cannot seem to locate the source of the error...

Just wanting to eliminate that js error in the web inspector.

[ghost]

Is it possible to disable the mousewheel functions so that slides only change when you click the nav?

[alvarotrigo]

Is it possible to disable the mousewheel functions so that slides only change when you click the nav?

Yeah, use the function $fn.multiscroll.setMouseWheelScrolling(false). (not in the docs, but its there).

You can use it in the afterRender or even after the plugin's initialization.

[ghost]

thanks, this works great however the navigation now doesnt change slides, when used on afterRender and on plugin initialization

[ghost]

As a quick hack I've stopped the addMouseWheelHandler() call by commenting it out

[GaelJaboulay]

Hi there, I'd like also to stop the wheel navigation, either on the whole website, or on one specific section. I found that the addMouseWheelHandler is in the jquery.multiscroll.extensions.min.js but this is a js minified file that I was could download once the licence was paid. Any way to have a normal version of this file so that I make the wheel change? Should I "de" minify the file myself?

[alvarotrigo]

@GaelJaboulay if you want to disable the mouse wheel event just use the method $.fs.multiscroll.setMouseWheelScrolling(false); or $.fs.multiscroll.setKeyboardScrolling(false);