为了账号安全,请及时绑定邮箱和手机立即绑定

使用 Scrollify 获取上次查看的索引

使用 Scrollify 获取上次查看的索引

红颜莎娜 2021-07-09 15:29:20
我正在使用 scrollify 来交换固定位置组件,并添加/删除类来为过渡设置动画。当您在滚动中前进时,我让一切正常工作,但是当您向上滚动以查看上一节时,它不会删除上一节,而上一节现在会在其后面进行动画处理。我认为 prev 方法不会有用,因为它不会调用您所在的上一部分,假设您一直在前进,只会调用上一部分。下面是我的代码,您可以向前移动就好了,但是尝试向后移动会出现问题,因为新的当前部分将加载到前一个部分之后,而前一个部分仍然可见。var wrapper = $('.wrapper');var currentPosition = 0;$(wrapper).each(function(index) {    if (currentPosition != index) {        $(this).css('opacity', 0);    } else if (currentPosition == index) {        $(this).css('opacity', 1);    }});$(function() {    $.scrollify({        section: ".wrapper",        scrollSpeed: 700,        setHeights: false,        after: function(index, sections) {            var prevWrapper = $.scrollify.current().prev();            var currentWrapper = $.scrollify.current();            var nextWrapper = $.scrollify.current().next();            $(prevWrapper).removeClass('wrapper-enter').addClass('wrapper-leave');            $(currentWrapper).removeClass('wrapper-leave').addClass('wrapper-enter');        },    });});
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 154 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信