###前提・実現したいこと
一般的なフローティングのボタンですが、ページのトップとボトムで非表示
なるようにしたいです。
###該当のソースコード
$(function(){ var ssBtn1 = $('.floatBtn1'); ssBtn1.hide(); $(window).scroll(function () { if ($(this).scrollTop() > 600 && $(this).height() + $(this).scrollTop() ) { ssBtn1.fadeIn(); } else { ssBtn1.fadeOut(); } }); });
###結果
結果としては、トップで非表示になりますが、
ボトムで非表示になりません。
ネット上をくまなく探してみたのですが、
意外に情報が少なくできずに困っております。
特に、
「スクロールするとヘッダーやボタンが表示・非表示になる、またはページ下部で
ヘッダーやボタンが表示・非表示になる」
といったどちらか一方の内容になってしまいます。
ご教授いただけませんでしょうか?
何卒よろしくお願い申し上げます。
回答3件
あなたの回答
tips
プレビュー