「jQueryで」というご指定なのでjQueryで実装することを前提として書きますね。
まず、「一定量スクロールしたらボタンを表示」を実現するには以下のようにしてスクロールイベントをキャッチして、イベントハンドラないで「一定量」(何をもって一定量とするかはアプリの設計次第です)の判定と、ボタンを表示処理を行います。
JavaScript
1$(window).scroll(function() {
2 // 「一定量」の判定とボタン表示処理
3});
次に、一定時間スクロールされなければ「ボタン」を消す、という部分は、以下のようにタイマーを仕掛けて処理します。(以下は、「一定時間」を「1,000ミリ秒==1秒」とした例です)
JavaScript
1setInterval(function() {
2 // ボタンを消す処理
3}, 1000);
実際には、タイマーを仕掛ける処理は、スクロールイベントのハンドラ内で実行することになりますので、上記のコードを組み合わせて次のようになります。
JavaScript
1$(window).scroll(function() {
2 // 「一定量」スクロールしたらボタンを表示し、タイマーを仕掛ける
3 if (一定量スクロールした){
4 // ボタンを表示
5 $('#myButton').show();
6 // 一定時間(例として1秒間)経過したらボタンを消す
7 setInterval(function() {
8 $('#myButton').hide();
9 }, 1000);
10 }
11});
ざっくり言うと上記のような方法になると思います。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/02/03 06:10