jquery waypoint动画每个li fadeup(jquery waypoint animate each li fadeup)
我试图使用jQuery的航点在每个li上做淡入淡出,当我向下滚动页面。 我无法得到它每个李的工作。
代码如下:
$('ul.animated li').each(function(){ $(this).waypoint(function(){ $(this).addClass('fadeInUp'); },{ offset:'100%' }); }); <ul class="no-margin animated"> <li><a href="/our-services/business-and-commercial-law.html">Business & Commercial Law <i class="fa fa-check"></i></a></li> <li><a href="/our-services/business-and-commercial-law/banking-and-finance.html">Banking & Finance <i class="fa fa-check"></i></a></li> <li><a href="/our-services/business-and-commercial-law/commercial-contracts-and-agreements.html">Commercial Contracts & Agreements <i class="fa fa-check"></i></a></li> <li><a href="/our-services/debt-recovery-and-insolvency.html">Debt Recovery & Insolvency <i class="fa fa-check"></i></a></li> <li><a href="/our-services/debt-recovery-and-insolvency/debt-recovery.html">Debt Recovery <i class="fa fa-check"></i></a></li> <li><a href="/our-services/debt-recovery-and-insolvency/insolvency.html">Insolvency <i class="fa fa-check"></i></a></li> <li><a href="/our-services/property-law.html">Property Law <i class="fa fa-check"></i></a></li> <li><a href="/our-services/property-law/real-estate.html">Real Estate <i class="fa fa-check"></i></a></li> <li><a href="/our-services/property-law/leases.html">Leases <i class="fa fa-check"></i></a></li> <li><a href="/our-services/litigation-and-dispute-resolution.html">Litigation & Dispute Resolution <i class="fa fa-check"></i></a></li> <li><a href="/our-services/wills-and-estates.html">Wills & Estates <i class="fa fa-check"></i></a></li> <li><a href="/our-services/wills-and-estates/estate-planning-and-wills.html">Estate Planning & Wills <i class="fa fa-check"></i></a></li> <li><a href="/our-services/wills-and-estates/probate-and-estate-administration.html">Probate & Estate Administration <i class="fa fa-check"></i></a></li> <li><a href="/our-services/wills-and-estates/estate-litigation.html">Estate Litigation <i class="fa fa-check"></i></a></li> </ul>我不知道如何让它工作,如果有人能够帮助,那会很棒。
I'm trying to use jquery waypoint to do a fade on each li as i scroll down the page. I can't get it working for each li.
Here's the code:
$('ul.animated li').each(function(){ $(this).waypoint(function(){ $(this).addClass('fadeInUp'); },{ offset:'100%' }); }); <ul class="no-margin animated"> <li><a href="/our-services/business-and-commercial-law.html">Business & Commercial Law <i class="fa fa-check"></i></a></li> <li><a href="/our-services/business-and-commercial-law/banking-and-finance.html">Banking & Finance <i class="fa fa-check"></i></a></li> <li><a href="/our-services/business-and-commercial-law/commercial-contracts-and-agreements.html">Commercial Contracts & Agreements <i class="fa fa-check"></i></a></li> <li><a href="/our-services/debt-recovery-and-insolvency.html">Debt Recovery & Insolvency <i class="fa fa-check"></i></a></li> <li><a href="/our-services/debt-recovery-and-insolvency/debt-recovery.html">Debt Recovery <i class="fa fa-check"></i></a></li> <li><a href="/our-services/debt-recovery-and-insolvency/insolvency.html">Insolvency <i class="fa fa-check"></i></a></li> <li><a href="/our-services/property-law.html">Property Law <i class="fa fa-check"></i></a></li> <li><a href="/our-services/property-law/real-estate.html">Real Estate <i class="fa fa-check"></i></a></li> <li><a href="/our-services/property-law/leases.html">Leases <i class="fa fa-check"></i></a></li> <li><a href="/our-services/litigation-and-dispute-resolution.html">Litigation & Dispute Resolution <i class="fa fa-check"></i></a></li> <li><a href="/our-services/wills-and-estates.html">Wills & Estates <i class="fa fa-check"></i></a></li> <li><a href="/our-services/wills-and-estates/estate-planning-and-wills.html">Estate Planning & Wills <i class="fa fa-check"></i></a></li> <li><a href="/our-services/wills-and-estates/probate-and-estate-administration.html">Probate & Estate Administration <i class="fa fa-check"></i></a></li> <li><a href="/our-services/wills-and-estates/estate-litigation.html">Estate Litigation <i class="fa fa-check"></i></a></li> </ul>I'm not sure how to get it working, if anyone could help, that would be fantastic.
最满意答案
我得到它使用这个工作:
$('ul.animated li').each(function(){ var $el = $(this); $el.waypoint(function(){ $el.addClass('fadeInUp'); },{ offset:'100%' }); });I got it working using this:
$('ul.animated li').each(function(){ var $el = $(this); $el.waypoint(function(){ $el.addClass('fadeInUp'); },{ offset:'100%' }); });更多推荐
发布评论