ともすた Snow Monkeyのメニューバーは、標準で画面上部に固定されて表示されます。
しかし、この状態でページ内リンクを設置すると、次のように見出し部分がメニューの影に隠れてしまいます。内容自体は見られますが、これはちょっと気になる。
そんな時は、「特定リンクをスムーススクロールにする」という方法を使うと解決できます。
スムーススクロールを設定しよう
リンクをスムーススクロールに設定するには、u-smooth-scrollというクラスを付加します。リンク要素の場合は、画面左側の「オプション」から「高度な設定」で「追加CSSクラス」に、u-smooth-scrollと入力します。
ボタンリストなどの場合は、親要素にクラスを付加することもできます。これで準備完了。
この状態でリンクをクリックすると、画面がするするとスクロールして、見出し部分でしっかり止まってくれるようになります。便利。
