ご確認いただけますでしょうか。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。widthが768px〜850px前後の時はfooterの高さが低すぎるため?か、(丸一日格闘してますが、原因がはっきりせず。干渉はないようなのですが。)フローティングバナーが消えてくれません。して、なんとかごまかそうかと思っているのですが、(+150すると、768pxでもギリギリ消えてくれますので。)他になにか良い方法はありませんでしょうか?せっかく綺麗な記述をお教えいただき恐縮ですが、よろしくお願い致します。(丸一日格闘してますが、原因がはっきりせず。干渉はないようなのですが。フローティングバナーが消えてくれません。(+150すると、768pxでもギリギリ消えてくれますので。16:19フッター上部にうまく固定できる場合はフローティングバナーを消す必要はないと考えていました。デモは見ていただけましたでしょうか?理想の挙動とどこがどう違うのか具体的に教えていただけますかフローティングバナーの挙動は・最初どうなっていて・なんの操作によりどうなってほしい・でもここがうまくいかないそもそも「消す」とはどういう動きを想定していますか?画面外に出ればいいのか、fadeOutしてほしいのか、、、いずれにせよ実現可能なものだとは思うので、よろしくおねがいします!フッター上部にうまく固定できる場合はフローティングバナーを消す必要はないと考えていました。16:43tengさんお返事ありがとうございます!デモは勿論拝見させていただいてます。同じように記述をしても、なぜかフッター上部にのってくれません。横幅を変えると出てくる位置が変わってきます。600pxをスクロールして、問題なく現れます。フッター上部、正確には、フッター上部にある、バナーの位置(フローティングバナーと全く同じバナー)にきた時に、同じ場所に止まってほしい。横幅を変えると、フローティングバナーの現れる場所が変わる。横幅を狭めるにつれ、バナーの位置を過ぎてから表示されていきます。とどまるのではなく、横幅が変わっても対応できるように、フッター上部にきた時に「消す」ことで代替の対応をしたかった次第です。fadeOutした方が綺麗に消えてくれるので、代替案の理想は、fadeOutで消えてくれることです。当方もぶち当たったことのないトラブルで、1日以上色々試し、どうにも解決できないため、質問させていただいた次第です。デモは勿論拝見させていただいてます。同じように記述をしても、なぜかフッター上部にのってくれません。横幅を変えると出てくる位置が変わってきます。600pxをスクロールして、問題なく現れます。フッター上部、正確には、フッター上部にある、バナーの位置(フローティングバナーと全く同じバナー)にきた時に、同じ場所に止まってほしい。横幅を変えると、フローティングバナーの現れる場所が変わる。横幅を狭めるにつれ、バナーの位置を過ぎてから表示されていきます。とどまるのではなく、横幅が変わっても対応できるように、フッター上部にきた時に「消す」ことで代替の対応をしたかった次第です。fadeOutした方が綺麗に消えてくれるので、代替案の理想は、fadeOutで消えてくれることです。当方もぶち当たったことのないトラブルで、1日以上色々試し、どうにも解決できないため、質問させていただいた次第です。17:17なるほど、丁寧にありがとうございます>横幅を狭めるにつれ、バナーの位置を過ぎてから表示されていきます。#Floating関連だけでいいのでcss全文のせていただけますか?たぶんですけど消す消さないは考えなくても、ぴったりフッター上部で止められると思います。>横幅を狭めるにつれ、バナーの位置を過ぎてから表示されていきます。消す消さないは考えなくても、ぴったりフッター上部で止められると思います。21:48tengさませっかくお返事いただいていたのに遅くなり申し訳ありません。cssが原因というか、htmlの作り自体に問題があるかも。こちらに報告させていただきますね。>たぶんですけど消す消さないは考えなくても、ぴったりフッター上部で止められると思います。心強いお言葉ありがとうございます!月曜(火曜になるかも)、お手数おかけしますが、よろしくお願いいたします。お返事いただいていたのに遅くなり申し訳ありません。cssが原因というか、htmlの作り自体に問題があるかも。こちらに報告させていただきますね。>たぶんですけど消す消さないは考えなくても、ぴったりフッター上部で止められると思います。編集tengさま遅くなりましたが、以下がcssになります。textのcss等、全く関係ないものは省いています。0;}}```なんどもhtml,cssを確認し、htmlの作りをいただいたものと同じにしたとろころ、320~767、860〜はfooter上部にきちんと固定されるようになり、挙動は改善したのですが、768〜859pxが、どうしてもfooterを無視して、下から10pxに固定される形となり、かぶってしまいます。分岐点も767pxのみなのですが。こちらで何かおわかりになることがあれば教えていただければ幸いです。768〜859pxの間だけ、フェードアウトを少し上の方でできるようにできれば、もうそれで諦めようかと思っているので、その場合の代替案をお教えていただければありがたいです。遅くなりましたが、以下がcssになります。textのcss等、全く関係ないものは省いています。768〜859pxが、どうしてもfooterを無視して、下から10pxに固定される形となり、かぶってしまいます。分岐点も767pxのみなのですが。教えていただければ幸いです。768〜859pxの間だけ、フェードアウトを少し上の方でできるようにできれば、もうそれで諦めようかと思っているので、その場合の代替案をお教えていただければありがたいです。10:54tengさま何度も申しわけありません。トラブルの原因となっている<div>を、html内に発見しました。解決にはまだ時間を要するような感じですが、とりあえずJavascriptの記述は、tengさまにお教え頂いたもので問題なく使用できそうです。可能であれば、先ほどの最後の「P.S.」にて記載した、ある横幅のみにフェードアウトできるJavascriptの記述も、参考までに教えていただければありがたいです。何度も申しわけありません。トラブルの原因となっている<div>を、html内に発見しました。tengさまにお教え頂いたもので問題なく使用できそうです。可能であれば、先ほどの最後の「P.S.」にて記載した、ある横幅のみにフェードアウトできるJavascriptの記述も、参考までに教えていただければありがたいです。fadeIn,fadeOutがうまく表示されない。0TOPに戻るアンカーが心地よい動きをしないです。思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る閉じるトップJavaScriptに関する質問レスポンシブで作成されたLPにて、footer周辺に固定で移動するフローティングバナーを出したい。頂いたご意見への回答は行っておりません。