【固定サイドナビ】スムーススクロール導入の方法

皆様の知恵をお借りしたく質問させていただきます。

http://www.commercial-cube.com
上記サイトの様な固定サイドナビで、クリックに合わせてナビのアニメ＋スムーススクロールするようなページ作成を考えております。
ソースを見たのですが、何を導入したらこうなるのかが分かりかねています。
ただ単に縦スライダーのドットインジケーターカスタマイズ＋スムーススクロールなのか。それとも別にこういった形式のものを組み込めるjQueryがあるのか。

もしご存知の方がいらっしゃいましたらご教授いただけるとありがたいです。
稚拙な質問で失礼します。よろしくお願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

サイトのコードを拝見したところ、お尋ねの部分はjQueryで独自にスクリプトが書かれているようです。（プラグインではありません。）
仕組みとしては、position: absolute;が適用された<div class="wrap"></div>の中にコンテンツを配置し、ナビをクリックしたり画面をスクロールさせると.wrapがanimate()で動き（topの値が変わる）、URLのハッシュ部分も書き換わるというものだと見受けられます。

投稿2019/03/08 10:35

編集2019/03/08 10:35