Horizontal scrolling with mouse

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

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

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

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