Adobe Museでスマホサイトのヘッダーを固定する方法

こんにちは！

今日は珍しく役に立つ記事を書いてみたいと思います！

最近質問されることが多いのですが、「サイトのヘッダーを動かないように固定したい！」と困っている方が多い様です。

PCサイトであれば「上の方に固定ボタンがあるよー」とお伝えして終わりなんですが、スマホサイトに関してはなぜかこの固定ボタンではヘッダーが固定されません。。。。

なので今回ご紹介するのは、「スマホサイトのヘッダーを固定する方法！」です。

やり方はいたって簡単

①ヘッダーを全選択します。固定させたい部分を残らず選択しましょう。

こんな感じですね。

②選択したら右側の「スクロール効果」をクリックします

「モーション」にチェックを入れて、「初期モーション」の値を０、下の凸凹マークみたいのも０、「最終モーション」の値も０に設定します。

すると、あら不思議！
スマホサイトでもヘッダーがばっちり固定されています！

縦長なスマホサイトだからこそいちいち上に戻るのは面倒なこと。

固定ヘッダーを活用してユーザービリティアップを目指しましょう！

私が運営しているサイト「Made with Muse」にはAdobe MuseのTIPSを掲載しています。
是非ご覧いただければ幸いです！

Made with Muse