问答

swiper.js 全屏鼠标滚动的问题

作者:admin 2021-08-03 我要评论

用swiper.js做全屏滚动的时候,鼠标滚轮每滚动一屏后,要等待大概半秒钟才能滚动下一屏。这个“半秒钟”的控制参数在哪里修改? 类似滴滴的官网这种滚动效果: h...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

用swiper.js做全屏滚动的时候,鼠标滚轮每滚动一屏后,要等待大概半秒钟才能滚动下一屏。这个“半秒钟”的控制参数在哪里修改?

类似滴滴的官网这种滚动效果:https://www.didiglobal.com/
滴滴貌似减小了这个滚动后等待时间,让页面滚动更加丝滑。

###

参考swiper官网的swiper.0的API

var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        direction: 'vertical',
        speed: 1000,
        slidesPerView: 1,
        paginationClickable: true,
        spaceBetween: 30,
        mousewheelControl: true,
        onScroll: function(swiper) {
            swiper.disableMousewheelControl();
            setTimeout(function() {
                swiper.enableMousewheelControl();
            }, 500) // 修改这里的参数
        }
    });

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • swiper.js 全屏鼠标滚动的问题

    swiper.js 全屏鼠标滚动的问题

  • php查询远程数据库很慢怎么办?

    php查询远程数据库很慢怎么办?

  • VSCode代码检查无法自动识别.d.ts文件

    VSCode代码检查无法自动识别.d.ts文件

  • js数组合并转换

    js数组合并转换

腾讯云代理商
海外云服务器