Merge pull request #266 from bearsunday/ref

目次の追加と表現の調整

_includes/manuals/1.0/footer.html

@@ -33,6 +33,7 @@
     window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
     ga('create', 'UA-6074569-8', 'bearsunday.github.io'); ga('send', 'pageview');
 </script>
+<script src="/js/scroller.js"></script>
 <script src="https://www.google-analytics.com/analytics.js" async defer></script>
 {% if page.category == 'Manual' %}
 <script src="/js/generate-table-of-contents/index.min.js"></script>

js/scroller.js

@@ -0,0 +1,23 @@
+// Added smooth scroll behavior to anchor links
+document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+    anchor.addEventListener('click', function (e) {
+        e.preventDefault();
+        const target = document.querySelector(this.getAttribute('href'));
+        const targetTop = target.getBoundingClientRect().top + window.pageYOffset;
+        const targetId = this.getAttribute('href');
+        history.pushState({ id: targetId, top: targetTop }, null, targetId);
+        target.scrollIntoView({
+            behavior: 'smooth'
+        });
+    });
+});
+
+window.addEventListener('popstate', function(e) {
+    if (e.state && e.state.id) {
+        const target = document.querySelector(e.state.id);
+        window.scrollTo({
+            top: e.state.top,
+            behavior: 'smooth'
+        });
+    }
+});