fix scroll bounce effect on safari
This commit is contained in:
parent
a0cb3a9762
commit
75015b6b49
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue