機能と特長

ページ内リンクのスムーススクロールに加えて、サイト内の他のページへのリンクの際もスムーススクロールできるのが、smooziee.jsの大きな特長です。ページ遷移をした後に、ターゲット要素までスムーススクロールさせることができます。

また、よくあるスムーススクロールでは、ページ内リンクをしてもURLにハッシュタグ( #link など)が表示されなかったりすることがあります。smooziee.jsでは、ページ内リンクの際に、URLにハッシュタグを表示させる、させないを設定で変更することができます。詳しくはインストールと設定をお読みください。

地味にこだわりポイントとして、スムーススクロールすること以外は、基本的にブラウザのデフォルトの挙動に準じるように設計しています。例えば、リンクが # の場合は、ページのトップへスクロールします。ブラウザデフォルトでページの再読込の発生しないリンクの場合は、同様にページ再読込させずにスクロールします。index.htmlの省略有無など、別ページ扱いの(ページ再読込の発生する)リンクの場合は、同様に別ページと扱い、再読込が発生します。リンクターゲットidが内場合は、同様に何もしません。

また、アドレスバーに直接URLを打ち込んだり、他サイトからリンクしてきた場合は、URLにハッシュタグがあってもスクロールはしない仕様となっています。

サンプル

サンプルページにて、挙動をお試しいただけます。

sample