![見出し画像](https://assets.st-note.com/production/uploads/images/82692413/rectangle_large_type_2_e7cdfde1c2ed18eee8cef6c98982d483.png?width=1200)
Photo by
pandamda
STUDIOで画面下端にボタンを固定する方法
とあるイベントやサービスのLPをSTUDIOで作っている中で、へー。と思ったので備忘的なメモです。
STUDIOで1年半位?前に一枚LPを作ったのですが、その時は「画面下端にボタンを固定で表示させる方法」が調べてもわかりませんでした。が、今回ちらと教えていただく機会があり、やってみたら拍子抜けする位簡単に出来るようになっていました。
(STUDIO、かなりの速度で進化してて凄いですね。お世話になっております…🙏)
作り方
1.コンテンツエリアと、固定させたいフッターエリア部分を普通に組みます。
![](https://assets.st-note.com/img/1657860857786-JnaXTy932F.png?width=1200)
2.フッターとして固定させたい要素のz-indexを引き上げます
![](https://assets.st-note.com/img/1657860896528-Ha4YZW5jRb.png?width=1200)
3.コンテンツの配置を固定にします。(図のように一回画面上部に寄ってしまいます)
![](https://assets.st-note.com/img/1657860921817-9tkZ5fZCG7.png?width=1200)
4.ドラッグ&ドロップで画面下端に移動させます
![](https://assets.st-note.com/img/1657861016403-dJFR7b2jQz.png?width=1200)
サンプル
この記事が気に入ったらサポートをしてみませんか?