From 8cbe92ca46a08d09e857a4a022a72af4ece30439 Mon Sep 17 00:00:00 2001
From: hide_d <hided62@gmail.com>
Date: Tue, 7 Dec 2021 02:27:42 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20anchor=20=EC=9D=B4=EB=8F=99=EC=97=90?=
 =?UTF-8?q?=EC=84=9C=20#=EC=9D=84=20=EB=82=A8=EA=B8=B0=EC=A7=80=20?=
 =?UTF-8?q?=EC=95=8A=EB=8F=84=EB=A1=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hwe/index.php               | 28 ++++++++++++++--------------
 hwe/ts/main.ts              |  2 ++
 hwe/ts/util/scrollHardTo.ts |  9 +++++++++
 3 files changed, 25 insertions(+), 14 deletions(-)
 create mode 100644 hwe/ts/util/scrollHardTo.ts

diff --git a/hwe/index.php b/hwe/index.php
index c68d238f..434e8a4b 100644
--- a/hwe/index.php
+++ b/hwe/index.php
@@ -274,7 +274,7 @@ if (!$otherTextInfo) {
         <div id="actionMiniPlateSub" class="gx-0 row">
             <div class="col">
                 <div class="gx-1 row">
-                    <div class="col-3 d-grid"><a href="#reservedCommandList" class="btn btn-dark">명령으로</a></div>
+                    <div class="col-3 d-grid"><button type='button' class="btn btn-dark" onclick="scrollHardTo('reservedCommandList')" >명령으로</button></div>
                     <div class="col-5 d-grid"><button type='button' class='btn btn-sammo-base2 refreshPage'>갱 신</button></div>
                     <div class="col-4 d-grid"><button type='button' class='btn btn-sammo-base2' onclick="location.replace('../')">로비로</button></div>
                 </div>
@@ -353,23 +353,23 @@ if (!$otherTextInfo) {
     ?>
     <div id="float-tabs">
         <div class="btn-group-vertical">
-            <a href="#nation-msg-position" class="btn btn-sammo-nation">방침</a>
-            <a href="#reservedCommandList" class="btn btn-sammo-nation">명령</a>
-            <a href="#nation-position" class="btn btn-sammo-nation">국가</a>
-            <a href="#general-position" class="btn btn-sammo-nation">장수</a>
-            <a href="#cityInfo" class="btn btn-sammo-nation">도시</a>
+            <button type="button" onclick="scrollHardTo('nation-msg-position')" class="btn btn-sammo-nation">방침</button>
+            <button type="button" onclick="scrollHardTo('reservedCommandList')" class="btn btn-sammo-nation">명령</button>
+            <button type="button" onclick="scrollHardTo('nation-position')" class="btn btn-sammo-nation">국가</button>
+            <button type="button" onclick="scrollHardTo('general-position')" class="btn btn-sammo-nation">장수</button>
+            <button type="button" onclick="scrollHardTo('cityInfo')" class="btn btn-sammo-nation">도시</button>
         </div>
         <div class="btn-group-vertical">
-            <a href="#mapZone" class="btn btn-secondary">지도</a>
-            <a href="#general_public_record-position" class="btn btn-secondary">동향</a>
-            <a href="#general_log-position" class="btn btn-secondary">개인</a>
-            <a href="#world_history-position" class="btn btn-secondary">정세</a>
+            <button type="button" onclick="scrollHardTo('mapZone')" class="btn btn-secondary">지도</button>
+            <button type="button" onclick="scrollHardTo('general_public_record-position')" class="btn btn-secondary">동향</button>
+            <button type="button" onclick="scrollHardTo('general_log-position')" class="btn btn-secondary">개인</button>
+            <button type="button" onclick="scrollHardTo('world_history-position')" class="btn btn-secondary">정세</button>
         </div>
         <div class="btn-group-vertical">
-            <a href="#public_talk_position" class="btn btn-light active">전체</a>
-            <a href="#national_talk_position" class="btn btn-light">국가</a>
-            <a href="#private_talk_position" class="btn btn-light">개인</a>
-            <a href="#diplomacy_talk_position" class="btn btn-light">외교</a>
+            <button type="button" onclick="scrollHardTo('public_talk_position')" class="btn btn-light active">전체</button>
+            <button type="button" onclick="scrollHardTo('national_talk_position')" class="btn btn-light">국가</button>
+            <button type="button" onclick="scrollHardTo('private_talk_position')" class="btn btn-light">개인</button>
+            <button type="button" onclick="scrollHardTo('diplomacy_talk_position')" class="btn btn-light">외교</button>
         </div>
         <div class="btn-group-vertical">
             <button type='button' class='btn btn-sammo-base2 refreshPage'>갱 신</button>
diff --git a/hwe/ts/main.ts b/hwe/ts/main.ts
index cea2ffbd..528e1836 100644
--- a/hwe/ts/main.ts
+++ b/hwe/ts/main.ts
@@ -7,7 +7,9 @@ import './msg.ts';
 import './map.ts';
 import { exportWindow } from './util/exportWindow';
 
+import { scrollHardTo } from './util/scrollHardTo';
 
+exportWindow(scrollHardTo, 'scrollHardTo');
 exportWindow($, '$');
 
 import '../scss/main.scss';
diff --git a/hwe/ts/util/scrollHardTo.ts b/hwe/ts/util/scrollHardTo.ts
new file mode 100644
index 00000000..3efa8262
--- /dev/null
+++ b/hwe/ts/util/scrollHardTo.ts
@@ -0,0 +1,9 @@
+export function scrollHardTo(elementId: string): void {
+    const element = document.getElementById(elementId);
+    if(!element){
+        return;
+    }
+    element.scrollIntoView({
+        behavior: 'auto',
+    });
+  }
\ No newline at end of file