f

umaidango · Dec 1, 2024 · 9714076 · 9714076
1 parent 83e3f18
commit 9714076
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/me/index.html b/me/index.html
@@ -20,7 +20,7 @@
 
     </div>
     <header>
-        <div id="main_header" style="display: block;">
+        <div id="main_header" style="display: block; box-shadow: none; width: 100%; border-radius: 0px;">
 
 
             <div id="close_b2" style="position: absolute; top: 56px; left: 22px; display: none;" onclick="menu_close()">
@@ -170,7 +170,7 @@ <h1 style="font-size: 1.4rem;">うまいだんごについて</h1>
     <br>
 趣味は、ハドフのジャンクPC漁りと、GUIアプリ開発です。現在は、Winだけですが、Linux用にもつくりたいですねー
 <br>
-<img src="icon.jpg" style="border-radius: 50%;margin: 32px;">
+
 </span>
 </div>
 

diff --git a/me/main.js b/me/main.js
@@ -1,3 +1,18 @@
+
+
+window.addEventListener('scroll', () => {
+    if (window.scrollY > 0) {
+        document.getElementById("main_header").style.boxShadow = '0px 0px 4px 1px #ddd';
+        document.getElementById("main_header").style.width = '260px';
+        document.getElementById("main_header").style.borderRadius = '10px';
+    } else {
+        document.getElementById("main_header").style.boxShadow = 'none';
+        document.getElementById("main_header").style.width = '100%';
+        document.getElementById("main_header").style.borderRadius = '0px';
+    }
+  });
+
+
 document.getElementById('link_content').innerHTML = '<ul><a href="/me/"><li>ホーム</li></a><a href="/me/link.html"><li>リンク集</li></a></ul>';
 
 
@@ -35,4 +50,3 @@ function menu_close(){
 
 
 
-