查看: 1685|回复: 0
打印 上一主题 下一主题

无缝滚动后,鼠标经过不能立即停止滚动?

[复制链接]
  • TA的每日心情
    奋斗
    2018-4-12 11:06
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    8

    帖子

    45

    积分

    新手上路

    Rank: 1

    积分
    45
    跳转到指定楼层
    楼主
    发表于 2018-11-26 11:29:25 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    本帖最后由 xuhaibing 于 2018-11-26 11:30 编辑

    demo:http://www.daihtml.com/c/test.html
    1. <script type="text/javascript">
    2.   new WOW().init();
    3.   var Cases = new Swiper('.case-swiper', {
    4.     slidesPerView: 'auto',
    5.     loop: true,
    6.     autoplay: {
    7.       delay: 0
    8.     },
    9.     spaceBetween: 5,
    10.     freeMode: true,
    11.     speed: 5000,
    12.   });

    13.   $('.case-swiper ').on('mouseover', function() {
    14.     Cases.autoplay.stop();
    15.   })
    16.   $('.case-swiper').on('mouseout', function() {
    17.     Cases.autoplay.start();
    18.   })
    复制代码
    //需要5秒后才能停止,  好像和这个参数有关 speed: 5000,

    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-11-24 06:08 , Processed in 0.072891 second(s), 27 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表