備忘録

スマホ画面の最下部にウィンドウを固定表示させる方法【コンバージョンアップ】

スマホ画面の最下部に、ウィンドウを固定表示させたい。クリックしたら該当のセクションまでスムーススクロールさせたい。

このような疑問に答えます。

こんにちは、フリーランスエンジニアの涼です

備忘録として書きます。

スマホ画面の最下部にウィンドウを固定表示させる方法【コンバージョンアップ】

コードは下記のとおりです。

See the Pen
スマホ画面下に固定
by masa (@websama)
on CodePen.

・jQueryに書かれていることは以下の通り。
→idがanchorと書かれたタグをクリック
→対象のタグのhref属性の中身を取得(つまり、#hogeを取得)
→同じページの#hogeのセクションまでスムーススクロール。
(たとえば、<div id="hoge"></div>のセクションまで移動する>

以上です!

  • この記事を書いた人

名無し

-備忘録

Copyright© Web制作ブログ , 2021 All Rights Reserved Powered by AFFINGER5.