fix scroll bounce effect on safari

This commit is contained in:
Pavel Prichodko 2023-01-23 14:36:18 +01:00
parent 01dae76e43
commit cbd60acc96
No known key found for this signature in database
GPG Key ID: 0EB8D75C775AB6F1
1 changed files with 7 additions and 2 deletions

View File

@ -30,13 +30,16 @@
* { * {
margin: 0; margin: 0;
} }
/* /*
3. Allow percentage-based heights in the application 3. Allow percentage-based heights in the application
*/ */
html, html,
body { body {
height: 100%; height: 100vh;
overscroll-behavior: none; width: 100vw;
overflow: hidden;
overscroll-behavior-y: none; /* not working on Safari */
} }
/* /*
Typographic tweaks! Typographic tweaks!
@ -46,6 +49,8 @@ body {
body { body {
line-height: 1.5; line-height: 1.5;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
padding: 0;
-webkit-overflow-scrolling: touch;
} }
/* /*
6. Improve media defaults 6. Improve media defaults