Canvas Slider Mousewheel Transition

4 replies · opened Jan 13, 2021

MMyAmazingUserNameJan 13, 2021

Is it possible to use the mousewheel to change slides in the canvas slider?

SSemicolon WebSTAFFJan 13, 2021

Hello,

Absolutely! Consider using the following code at the bottom of the Page just after the js/functions.js JS File Linking:
[ch_pre]
jQuery( window ).on( 'pluginSwiperReady', function() {
setTimeout( function(){
let mySwiper = document.querySelector('.swiper-container').swiper;
mySwiper.mousewheel.enable();
}, 2000);
});
[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

MMyAmazingUserNameJan 14, 2021

Thanks. How do i get the last slide to then scroll to the rest of the page?

MMyAmazingUserNameJan 15, 2021

any update?

SSemicolon WebSTAFFJan 15, 2021

Hello,

Thanks for your patience!

This is currently not available out of the box and will require deeper Customization. You can consider using the settings from the Swiper API: https://swiperjs.com/api/#mousewheel and edit the js/plugins.swiper.js File to add this functionality.

If you are using the js/plugins.min.js File, you will need to update the codes in the js/plugins.js File and then minify it using a Minifier, like https://javascript-minifier.com/, then replace the codes in the js/plugins.min.js File.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard