animation.css 和 fullPage.js
animation.css and fullPage.js
怎么做?
我有 animation.css (http://justinaguilar.com/animations/) 的代码:
$(document).ready(function(){
var divAn = $('#an-container #forAnimation');
$(window).scroll(function() {
divAn.each(function(){
var imagePos = $(this).offset().top;
var topOfWindow = $(window).scrollTop();
if (imagePos < topOfWindow+300) {
var animation = $(this).attr('animate');
if ( $(this).attr('animate') == null) animation = 'slideUp';
$(this).addClass(animation);
}
});
});
});
如何在 fullPage.js (https://github.com/alvarotrigo/fullPage.js#callbacks) 中使用 afterLoad 正确写入它:
function (anchor Link, index) {....
您可以使用 fullpage.js 的 fullpage.js 选项 scrollBar:true
,这样滚动事件就会被触发。
怎么做? 我有 animation.css (http://justinaguilar.com/animations/) 的代码:
$(document).ready(function(){
var divAn = $('#an-container #forAnimation');
$(window).scroll(function() {
divAn.each(function(){
var imagePos = $(this).offset().top;
var topOfWindow = $(window).scrollTop();
if (imagePos < topOfWindow+300) {
var animation = $(this).attr('animate');
if ( $(this).attr('animate') == null) animation = 'slideUp';
$(this).addClass(animation);
}
});
});
});
如何在 fullPage.js (https://github.com/alvarotrigo/fullPage.js#callbacks) 中使用 afterLoad 正确写入它:
function (anchor Link, index) {....
您可以使用 fullpage.js 的 fullpage.js 选项 scrollBar:true
,这样滚动事件就会被触发。