2017-03-27 8 views
0

jQueryを使用して、このWebページの効果をスクロールするときにコンテンツを「読み込む」ようにしたいと考えています。例: enter link description herejQueryでスクロールして表示されるコンテンツ

$(window).scroll(function() {  
var scroll = $(window).scrollTop(); 
if (scroll >= 50) { 
    $(".row").addClass("active"); 
} 
else { 
$(".row").removeClass("active"); 
} 

})。

私はグローバルなefectでcodepenを持っていますが、私は各パネルでやりたいと思います。私の考えは、パネルが例のウェブのようにスクロールの異なる高さでロードをロードすることです。

+0

私は個人的にスクロール位置と比較するためにハードコード値を使用しないことをお勧めします。これは1つの解像度でうまくいくかもしれませんし、正しい値をハードコードしていますが、タブレットや電話機がスクロールすると、そのコードを実行するのに正しい値になりません。 jqueryを使用して、表示するコンポーネントのY座標を取得することもできますし、要素がいつ入っているかを示す[plugin](https://github.com/protonet/jquery.inview)を使用することもできますビューポート。 – sniels

答えて

0

プラグインを使用するとどうなりますか?あなたはこれを試すことができます: animate.css

関連する問題