【JavaScript】iOSでposition:fixedな要素をキーボード上に押し上げる

やりたいこと モバイルだとテキストボックスなどにfocusするとバーチャルキーボードが表示されるが、iOSの場合position:fixedで配置した要素はこれによって隠れてしまうことがある。 そこで上記のYouTubeネイティブアプリのように、position:fixedな要素をキーボードの上に添えながら押し上げて表示させたい。 解決法 CSSのみだと厳しいが、JavaScriptのvisualViewportAPIを利用することでお手軽に実現できる。