swiper.js插件实现pc端文本上下滑动功能示例(3)

var swiper = new Swiper('.swiper-container', { direction: 'vertical', slidesPerView: 'auto', freeMode: true, freeModeMomentumRatio : 0.2, scrollbar: { el: '.swiper-scrollbar', }, mousewheel: true, });

swiper的自由模式,允许滑动组件不必贴合边缘,freeModeMomentumRatio是移动惯量,单位为s,值越大,松开后滑动越久,设置false可关闭。

感兴趣的朋友还可以使用本站如下在线工具测试运行效果:

在线HTML/CSS/JavaScript前端代码调试运行工具:

在线HTML/CSS/JavaScript代码运行工具:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/c7772c2fd4d8b0760bde2a1e725cafec.html