mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-02-09 00:00:41 +03:00
Code Issues Packages Projects Releases Wiki Activity

working on mobile scrolling

Browse Source
This commit is contained in:
Kevin Ross 2016-01-21 11:57:40 -06:00
parent 5e46cda525
commit b7364fd445
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
scss/_layout.scss
View File

@ -18,7 +18,7 @@
flex-direction: column; // allows for sticky header and footer flex-direction: column; // allows for sticky header and footer
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
-webkit-overflow-scrolling: touch; // TODO: why? -webkit-overflow-scrolling: touch;
} }
// Header layout (fixed top), belongs in a mdb-layout-container // Header layout (fixed top), belongs in a mdb-layout-container
@ -31,6 +31,7 @@
flex-wrap: nowrap; flex-wrap: nowrap;
flex-shrink: 0; flex-shrink: 0;
justify-content: flex-start; justify-content: flex-start;
transform: translateZ(0); // attempt to smooth out mobile scrolling http://stackoverflow.com/a/15147497/2363935
} }
// Content layout, belongs in a mdb-layout-container // Content layout, belongs in a mdb-layout-container
@ -42,7 +43,7 @@
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
flex-grow: 1; flex-grow: 1;
-webkit-overflow-scrolling: touch; // TODO: why? -webkit-overflow-scrolling: touch;
} }
// Pushes content to the other end // Pushes content to the other end