![](/img/trans.png)
[英]Scrollify hiding navigation header before scrolling/revealing after scroll with jQuery
[英]Scrollify - multiple functions in “before”
我正在尝试向正在运行scrollify的网站添加一些动画。 最好将它添加到“ before”参数中。 之前看起来像这样:
$(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);
}, }); });
我想将下面的代码添加到上面的“ before”参数中。 它以“ ** before:function(i,panels){”开头,我不知道如何将这两个功能合并在一起。 我希望现在很清楚。
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");
}
},
给第二个函数命名,并在before
回调中调用它。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.