Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Julien Zerbib

    (@julien-zerbib)

    Hi,

    Yeah, you just need something like this in the Event / On DOM Ready part :

    /**
     * Horizontal navigation
     */
    if(
    	fullpageEl.hasClass( 'wp-fullpage-2' ) ||
    	fullpageEl.hasClass( 'horizontal-parallax' ) ||
    	fullpageEl.hasClass( 'horizontal-list-of-selected-posts' )
    ) {
    
    	$( window ).bind( 'mousewheel', function( e ) {
    
    		if( 0 < e.originalEvent.wheelDelta / 120 )
    			$.fn.fullpage.moveSlideLeft();
    		else
    			$.fn.fullpage.moveSlideRight();
    	} );
    
    }

    Regards,

    Julien

    Thread Starter ValentinaPh88

    (@valentinaph88)

    Julien, thank you very much. But it doesn’t work somehow. I add the code in jquery.fullpage.theme.js and no use.

    Plugin Author Julien Zerbib

    (@julien-zerbib)

    Hi Valentina,

    You can add this piece of code directly in the admin area, in your page / fullpage, in the Event / On DOM Ready part. No need to add it in jquery.fullpage.theme.js.
    Furthermore, you’ll have to adapt this piece of code to your fullpage :

    /**
     * Horizontal navigation
     */
    if(
    	fullpageEl.hasClass( 'YOUR-FULLPAGE-SLUG' )
    ) {
    
    	$( window ).bind( 'mousewheel', function( e ) {
    
    		if( 0 < e.originalEvent.wheelDelta / 120 )
    			$.fn.fullpage.moveSlideLeft();
    		else
    			$.fn.fullpage.moveSlideRight();
    	} );
    
    }

    where 'YOUR-FULLPAGE-SLUG' will be 'my-fullpage' if your fullpage / page’s title is My Fullpage

    Let me know if you manage to do it !

    Regards !

    Julien

    Julien

    Thread Starter ValentinaPh88

    (@valentinaph88)

    Hi, Julien! works great! Thank you so much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Horizontal scrolling with mouse’ is closed to new replies.