Question

我必须使用使用jQuery的库Scrollify.js（不幸的是）。在特定部分滚动时，我需要在某些class上添加div。我试图通过动画divs来获取每个页面。

知道我在滚动所有部分之前和之后都有一个事件，但需要在每个部分上独立/特定。这是一个JSFiddle演示

$(function() {
  $.scrollify({
    section: ".panel",
    before: function(nextIndex, elements) {
//      alert('before event was sent');
    },
    after: function(index) {
//      alert('after is triggered here');
    }
  });

  $(".scroll,.scroll-btn").click(function(e) {
    e.preventDefault();

    $.scrollify.next();
  });
});

来自github的作者，它looks like this但让我很困惑......

 before: function(i,panels) {
            var ref = panels[i].attr("data-section-name");


            panels[i].find(".gallery0,.gallery1,.gallery2").addClass("moved");


            if(ref==="design") {
                $(".features").find(".gallery0,.gallery1,.gallery2").removeClass("moved");
                $(".ios7 .gallery0").css("top",0);
            }
            if(ref==="features") {
                $(".ios7 .content").removeClass("moved");
                initialPosition();
            }
            if(ref==="ios7") {
                $(".ios7 .content").addClass("moved");

                $(".ios7 .gallery0").css("top",0);
            }
        },
        after:function(i,panels) {
            var ref = panels[i].attr("data-section-name");

            if(ref==="home") {
                $(".design").find(".gallery0,.gallery1,.gallery2").removeClass("moved");
            }
        }
    });

Answer 1

您可以使用+----------+------------------+---------+-----+------+ | Time| address| Date|value|sample| +----------+------------------+---------+-----+------+ |8:00:00 AM|AAbbbbbbbbbbbbbbbb|12/9/2014| 1| 0| |8:31:27 AM|AAbbbbbbbbbbbbbbbb|12/9/2014| 1| 0| |8:45:00 AM|AAbbbbbbbbbbbbbbbb|12/9/2016| 5| 0| |9:15:00 AM|AAbbbbbbbbbbbbbbbb|12/9/2016| 5| 0| +----------+------------------+---------+-----+------+选择当前滚动的部分并为其添加课程

<强> JsFiddle

$.scrollify.current()

Scrollify让每个页面为其设置动画

1 个答案: