Is it possible to use the mousewheel to change slides in the canvas slider?
Canvas Slider Mousewheel Transition
4 replies · opened Jan 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.
Thanks. How do i get the last slide to then scroll to the rest of the page?
any update?
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