実現したいこと
画像をloadしたときにフェードインさせたいが、scrollの時にしか反応してくれない。
ここに実現したいことを箇条書きで書いてください。
該当のソースコード
<script defer> window.addEventListener( 'load' , function(){ $(function () { const fade_bottom = 50, fade_move = 100, fade_time = 800; $(".p-header__imageBox").css({ transform: "translateX(" + fade_move + "px)", transition: fade_time + "ms", }); $(window).on("load", function () { const scroll_top = $(this).scrollTop(); const scroll_bottom = scroll_top + $(this).height(); const fade_position = scroll_bottom - fade_bottom; $(".p-header__imageBox").each(function () { const this_position = $(this).offset().top; if (fade_position > this_position) { $(this).css({ opacity: 1, transform: "translateX(0)", }); } }); }); }); }); </script>
ここにより詳細な情報を記載してください。
$(window).on("load", function () {
の、loadの部分がscrollだと反応するが、スクロールしたときにフェードインが実行されるが、ロードした時に処理を実行したいのでloadにしていると反応しない。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。