hernik/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix: sticky compatibility issue

Browse source
This commit is contained in:
Jeffrey Tse 2019-09-25 09:43:10 +08:00
parent 300e5e6932
commit aea2f30ffe
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
_sass/yat/_base.scss
View file

@ -243,6 +243,10 @@ table {
*/
@mixin flex-sticky($top) {
position: sticky;
position: -moz-sticky; /* <-- fix sticky compatibility issue */
position: -ms-sticky;
position: -o-sticky;
position: -webkit-sticky;
align-self: flex-start; /* <-- fix the sticky not work issue */
transform: scale(0.9999); /* <-- fix the sticky x overflow issue */
top: $top;