公開日:2018年05月06日最終更新日:2021年06月06日 【JavaScript】シングルページで現在地を示すドットのナビゲーションを実装する方法 コーディングテクニックの実装内容 今回はWeb制作におけるJavaScriptの実装でナビゲーションに関する内容です。縦長のシングルページでよく目にする、右側に固定されたドットのページネーション(正式名称不明)。「セクションのカレント(現在地)表示」と「セクション間遷移」の機能を持ったモノを作成しました。スクロールした時の位置によって、ドットのカレントが変化し、ドットをクリックするとアンカー移動機能を持っています。 コーディングテクニック使いどころ 縦長のシングルページで使用することが非常に多いです。必ず使えるようにしておいたほうがよいでしょう。 実装難易度・必要なスキル コーディングとjQueryの基礎的な知識があれば実務未経験のコー