こんにちは!
今日は珍しく役に立つ記事を書いてみたいと思います!
最近質問されることが多いのですが、「サイトのヘッダーを動かないように固定したい!」と困っている方が多い様です。
PCサイトであれば「上の方に固定ボタンがあるよー」とお伝えして終わりなんですが、スマホサイトに関してはなぜかこの固定ボタンではヘッダーが固定されません。。。。
なので今回ご紹介するのは、「スマホサイトのヘッダーを固定する方法!」です。
やり方はいたって簡単
①ヘッダーを全選択します。固定させたい部分を残らず選択しましょう。
こんな感じですね。
②選択したら右側の「スクロール効果」をクリックします
「モーション」にチェックを入れて、「初期モーション」の値を0、下の凸凹マークみたいのも0、「最終モーション」の値も0に設定します。
スマホサイトでもヘッダーがばっちり固定されています!
縦長なスマホサイトだからこそいちいち上に戻るのは面倒なこと。
固定ヘッダーを活用してユーザービリティアップを目指しましょう!
私が運営しているサイト「Made with Muse」にはAdobe MuseのTIPSを掲載しています。
是非ご覧いただければ幸いです!
Made with Muse
私が運営しているサイト「Made with Muse」にはAdobe MuseのTIPSを掲載しています。
是非ご覧いただければ幸いです!
Made with Muse