簡単にスクロールアニメーションを実装できるjQueryプラグイン「FadeThis」で長いコンテンツが表示されない時の解決法です。
目次
jquery.fadethis.jsの場合
修正前のコードを検索して差し替えてください。
//修正前
return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom) && (elemBottom <= docViewBottom) && (elemTop >= docViewTop));
//修正後
return ((elemBottom >= docViewTop && elemBottom <= docViewBottom) || (elemTop <= docViewBottom && elemTop >= docViewTop));jquery.fadethis.min.jsの場合
//修正前
return e>=b&&c>=d&&c>=e&&d>=b
//修正後
return (d<=c&&d>=b)||(e<=c&&e>=b)