いつもご教授頂きましてありがとうございます。
Jqueryの挙動を修正したいのですが上手く修正が出来ません。
やりたい事としましては
スクロール値を取得し0ならfadeOut
スクロールを始めるとfadeInというシンプルな物です。
(スマートフォン上での動作です)
$(function() { $(window).scroll(function () { var s = $(this).scrollTop(); var m = 100; setTimeout(function(){ if(s > m) { $(".fix_menu").fadeIn('slow'); } else if(s < m) { $(".fix_menu").fadeOut('slow'); } },500); }); });
サイトスタート位置まで来ますと消える仕組みです。
動作はしております。
少し改良を加えて
$(function() { $(window).scroll(function () { var s = $(this).scrollTop(); var m = 100; setTimeout(function(){ if(s > m) { $(".fix_menu").stop().fadeIn('slow'); } else if(s < m) { $(".fix_menu").stop().fadeOut('slow'); } },500); }); });
このようにしました。
これである程度挙動を制御出来たのですが
指でスクロール中はアニメーションが停止し半透明などになります。
このスクロール中でもfadeIn,fadeOutを続行するようには出来ないものなのでしょうか?
お手数おかけいたしますがよろしくお願い致します。

回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/07/18 12:35
2019/05/13 02:36 編集