ページトップをクリックされた時の不要な余白を削除

_g3/assets/_js/_master.js

@@ -82,12 +82,25 @@
 		// ページ読み込み時に実行される処理
 		document.addEventListener('readystatechange', () => {
 			if (document.readyState === 'complete') {
+
+				// サイトヘッダーの要素を取得
+				let siteHeader = document.getElementById('site-header');
+				// サイトヘッダーの次の要素を取得
+				let siteHeaderNext = siteHeader.nextElementSibling;
+
 				// ページ内リンクを持つaタグを取得
 				Array.prototype.forEach.call(
 					document.getElementsByTagName('a'),
 					(elem) => {
 						let href = elem.getAttribute('href')
 
+						// ページトップをクリックされたときはページヘッダー上部に付与してある余白を削除する
+						if ( '#top' === href ){
+							elem.addEventListener('click', () => {
+								siteHeaderNext.style.marginTop = null;
+							})
+						}
+
 						// ページ内リンク以外のリンクを無視する
 						if(!href || href.indexOf('#') === -1) return;
 						// role属性があり、属性の値がtabである場合には処理しない
@@ -109,7 +122,7 @@
 		document.addEventListener('DOMContentLoaded', () => {
 			if (location.hash) {
 				// URLに#が含まれる場合、scrollイベントリスナーを一時的に無効化
-				window.removeEventListener('scroll', header_scrool_func);
+				window.removeEventListener('scroll', header_scrool_func, false);
 
 				// 一定時間後に再度イベントリスナーを有効化
 				setTimeout(() => {

readme.txt

@@ -38,6 +38,8 @@ https://www.vektor-inc.co.jp/inquiry/
 
 == Changelog ==
 
+[ G3 ] Fixed the bug that caused an unintentional margin at the top of the page header when clicking the 'page top' button.
+
 v15.10.4
 [ G3 / G2 ][ Bug fix ] Addressing the image ratio issue in WordPress 6.3.