fix: 아이폰에서 위로 스크롤 시 새로고침이 되던 문제 수정

woowacourse-teams · Oct 12, 2023 · 5756b71 · 5756b71
1 parent 4726732
commit 5756b71
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/client/src/styles/GlobalStyle.ts b/client/src/styles/GlobalStyle.ts
@@ -19,12 +19,13 @@ const GlobalStyle = createGlobalStyle`
   body {
     position: fixed;
 
-    overflow-y: hidden;
+    overflow: hidden;
     display: flex;
     justify-content: center;
 
     width: 100vw;
     height: 100svh;
+
   }
 
   button {
@@ -34,13 +35,17 @@ const GlobalStyle = createGlobalStyle`
   #root {
     position: relative;
 
+    overflow-y: auto;
+    overscroll-behavior-y: contain;
     display: flex;
     flex-direction: column;
 
     width: 100%;
     max-width: 495px;
 
     box-shadow: ${({ theme }) => theme.shadow['2']};
+
+    -webkit-overflow-scrolling: touch;
   }
 `;