Question

我试图在运行scrollify的网站上添加一些动画。将它添加到＆＃34;之前＆＃34;会很高兴。参数。之前看起来像这样：

$(function() {   $.scrollify({
    section:".panel",
    scrollbars:true,
    setHeights:false,
    **before:function(i,panels) {
      var ref = panels[i].attr("data-section-name");
      $(".pagination .active").removeClass("active");
      $(".pagination").find("a[href=\"#" + ref + "\"]").addClass("active");    
    },**
    afterRender:function() {
      var pagination = "<ul class=\"pagination\">";
      var activeClass = "";
      $(".panel").each(function(i) {
        activeClass = "";
        if(i===0) {
          activeClass = "active";
        }
        pagination += "<li><a class=\"" + activeClass + "\" href=\"#" + 
$(this).attr("data-section-name") + "\"><span class=\"hover-text\">" + $(this).attr("data-section-name").charAt(0).toUpperCase() + $(this).attr("data-section-name").slice(1) + "</span></a></li>";
      });

      pagination += "</ul>";

      $(".home").append(pagination);
      $(".pagination a").on("click",$.scrollify.move);
    },   }); });

我想在＆＃34;之前添加以下代码以及＃34;上面的参数。它始于＆＃34; **之前：function（i，panels）{＆＃34;我不知道如何将这两个功能合并在一起。我希望现在明白了。

function(section) {
  if (section === 0) {
    $('.home h1').addClass("fadeIn");
  }

  if (section !== 0) {
    $('.home h1').removeClass("fadeIn");
  }

  if (section === 1) {
    $('.panel1 h1').addClass("slideInUp");
  }

  if (section !== 1) {
    $('.panel1 h1').removeClass("slideInUp");
  }
},

Answer 1

为您的第二个函数命名，并在before回调中调用它。

Scrollify - ＆＃34;之前的多个功能＆＃34;

1 个答案: