こんにちは、お世話になっています。
さて、題名の通りこんなコードを作ってみました。
JS
$(window).load(function(){ $(window).scroll(function(){ $(".fadein").each(function(){ var height = $(window).height; var divheight = $("#fadein").offset().top(); if(height/2 >= divheight){ $(this).css("opacity",1); }else{ $(this).css("opacity",0); } }); }); });
HTML
<div style="width:80%;; height:300px; text-align:center; z-index:2; position:absolute; margin-top:10000px; margin-bottom:300px; position:absolute; top:2000px; opacity:0;" class="fadein">ばかばか</div>
てな、感じでスクロールしてきたら画面半分のところでブロック要素を表示したいのですが、うまいこといきません。
よろしくお願いします。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/12 06:23
2017/05/12 06:30
2017/05/12 06:48