タイトル通り要素をふわっと出したいです。
検索して書き方をコピーしましたが、
どこが間違っているのかわかりません。。。
読み込みが間違っているのでしょうか??
参考にしたサイトはこちらです。
https://littlethings.jp/blog/web/css-effect-scroll
<section class="effect-fade"> <img src="img/11.png" /> <img src="img/12.png" /> <img src="img/13.png" /> <img src="img/14.png" /> <img src="img/15.png" /> </section> <script> $(function(){ $(window).scroll(function (){ $('.effect-fade').each(function(){ var elemPos = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll > elemPos - windowHeight){ $(this).addClass('effect-scroll'); } }); }); }); </script>
.effect-fade { opacity : 0; transform : translate(0, 45px); transition : all 300ms; } .effect-fade.effect-scroll { opacity : 1; transform : translate(0, 0); }
理解せずにコピペして使ってたら足下掬われるぞーという老婆心からの忠告
とりあえずソースコードは部分的に切り取らず全部貼ってください。
techAcademy.js には何が書いてあるのですか?
ありがとうございます。
参考にしたサイトも載せました。
練習で色々試していたので基本のコード以外特にかいていません。。
テック関係ないんかーい
どこから出てきたんだ・・・。
ご提示のコードを試してみましたが、問題なくふわっと表示されました。
どういう問題が発生していますか?
ちょっと、「ふわ」が早すぎるような気はしましたが、そういうことですか?
ありがとうございます。
え!!!
私の方は何も動かずそのまま表示されています。。。
ああ、原因がわかりました。
回答します。
回答2件
あなたの回答
tips
プレビュー