スマホ画面の最下部に、ウィンドウを固定表示させたい。クリックしたら該当のセクションまでスムーススクロールさせたい。
このような疑問に答えます。
こんにちは、フリーランスエンジニアの涼です
備忘録として書きます。
スマホ画面の最下部にウィンドウを固定表示させる方法【コンバージョンアップ】
コードは下記のとおりです。
See the Pen
スマホ画面下に固定 by masa (@websama)
on CodePen.
・jQueryに書かれていることは以下の通り。
→idがanchorと書かれたタグをクリック
→対象のタグのhref属性の中身を取得（つまり、#hogeを取得）
→同じページの#hogeのセクションまでスムーススクロール。
（たとえば、<div id="hoge"></div>のセクションまで移動する>
以上です！
