Suppress noisy transition animation on load in IE11

http://stackoverflow.com/a/25674229
This commit is contained in:
KOUNOIKE Yuusuke
2016-10-16 12:44:43 +09:00
parent 2f1d81cc4c
commit ec793535e7
3 changed files with 15 additions and 1 deletions

View File

@@ -39,7 +39,7 @@
} }
<script src="@helpers.assets/vendors/AdminLTE-2.3.6/js/app.js" type="text/javascript"></script> <script src="@helpers.assets/vendors/AdminLTE-2.3.6/js/app.js" type="text/javascript"></script>
</head> </head>
<body class="skin-blue"> <body class="skin-blue page-load">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<a href="@context.path/" class="logo"> <a href="@context.path/" class="logo">

View File

@@ -1762,3 +1762,14 @@ div.container.blame-container{
width: 20px; width: 20px;
height: 20px; height: 20px;
} }
/****************************************************************************/
/* Suppress transition animation on load */
/****************************************************************************/
body.page-load * {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
}

View File

@@ -28,6 +28,9 @@ $(function(){
// syntax highlighting by google-code-prettify // syntax highlighting by google-code-prettify
prettyPrint(); prettyPrint();
// Suppress transition animation on load
$("body").removeClass("page-load");
}); });
function displayErrors(data, elem){ function displayErrors(data, elem){