查看: 3824|回复: 8
打印 上一主题 下一主题

如何让Swiper Animate动画只运行一次

[复制链接]
  • TA的每日心情
    难过
    2019-1-12 09:42
  • 签到天数: 2 天

    [LV.1]初来乍到

    1

    主题

    8

    帖子

    38

    积分

    新手上路

    Rank: 1

    积分
    38
    跳转到指定楼层
    楼主
    发表于 2018-9-29 14:25:11 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    如题,我只想让动画在第一次滚动到页面时出现,再就要重新刷新才能出现
    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

  • TA的每日心情
    难过
    2019-1-12 09:42
  • 签到天数: 2 天

    [LV.1]初来乍到

    1

    主题

    8

    帖子

    38

    积分

    新手上路

    Rank: 1

    积分
    38
    沙发
     楼主| 发表于 2018-9-29 14:45:09 | 只看该作者
    我不想让它每次滑动都要重新加载一遍
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2018-9-29 16:57
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    2

    帖子

    10

    积分

    新手上路

    Rank: 1

    积分
    10
    板凳
    发表于 2018-9-29 16:58:14 | 只看该作者
    看看你,可以研究下
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2019-2-22 14:18
  • 签到天数: 2 天

    [LV.1]初来乍到

    2

    主题

    27

    帖子

    101

    积分

    注册会员

    Rank: 2

    积分
    101
    地板
    发表于 2018-9-30 18:23:46 | 只看该作者
    监听滚轮事件,滚到指定高度,添加类名。原始类名animated,动画类名可以data-animated=“fadeIn”保存在标签里,到了这个标签的高度位置,将data-animated的值获取到添加到类名即可,动画只执行一次,除非他经过一次消失和重现,就再执行一次。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2017-10-14 22:14
  • 签到天数: 15 天

    [LV.4]偶尔看看III

    83

    主题

    391

    帖子

    4万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    43990
    5#
    发表于 2018-10-6 23:03:07 | 只看该作者
    动画完成时去掉ani类名参考 https://www.swiper.com.cn/usage/animate/index.html
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2018-10-8 14:09
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    6

    帖子

    18

    积分

    新手上路

    Rank: 1

    积分
    18
    6#
    发表于 2018-10-8 14:12:29 | 只看该作者
    aaaaaaaaaaaaaaaaaaaaaa
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2019-3-20 15:26
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    5

    帖子

    19

    积分

    新手上路

    Rank: 1

    积分
    19
    7#
    发表于 2019-3-20 15:46:20 | 只看该作者
    我也有这个疑问??????????
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2020-10-27 21:10
  • 签到天数: 12 天

    [LV.3]偶尔看看II

    1

    主题

    33

    帖子

    108

    积分

    注册会员

    Rank: 2

    积分
    108
    8#
    发表于 2019-4-25 18:35:54 | 只看该作者
    疑问
    回复

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-4-24 17:16 , Processed in 0.122141 second(s), 29 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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