質問: フッター下部を追従しているコンテンツをフォーム入力時に非表示にしたい。 いつもお世話になっております フッター下部を追従しているコンテンツをフォーム入力時に非表示にしたい。 いつもお世話になっております。 掲題のとおりフッター下部を追従しているコンテンツをフォーム入力時に非表示にしたいのですが、jsなどで制御できるのでしょうか。 できればサンプルコードを頂けると幸いです!
回答: こんにちは どのような構成なのか不明なので以下を勝手に想定。 (内容に合わせて、適当に修正願います) ・フォーム内の鋼製も不明なので、ひとまず要素の focus、blurをトリガーとしています。 ・fixedの要素はclass="fixed"と仮定しています。 以下、サンプルコードです。(fx62、chrome68にて動作確認) for(let e of document.queryselectorall("input[type='text']")){ [["focus","none"],["blur","block"]].foreach( t =>{ e.addeventlistener(t[0] , ()=>{ document.queryselector(".fixed").style.display = t[1]; }); }); }