Самое простое универсальное решение проблемы: не стесняйтесь указывать display:none
в вашем CSS, однако вы можете изменить его на block
(или что-то еще) с помощью JavaScript, а затем вам также придется добавить класс для вашего элемента, который действительно делает переход с помощью setTimeout () . Вот и все.
I.e.:
<style>
#el {
display: none;
opacity: 0;
}
#el.auto-fade-in {
opacity: 1;
transition: all 1s ease-out; /* future, future, please come sooner! */
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
}
</style>
<div id=el>Well, well, well</div>
<script>
var el = document.getElementById('el');
el.style.display = 'block';
setTimeout(function () { el.className = 'auto-fade-in' }, 0);
</script>
Проверено в последних разумных браузерах. Очевидно, что он не должен работать в IE9 или ранее.
Ярлык называется «Связанный символ» в ключевой карте. На Mac по умолчанию используется Ctrl + Cmd + Up, в Windows / Linux - в Ctrl + Alt + Home.
вы можете попробовать: Навигация | Связанный символ
Если файлы заголовка и реализации уже открыты, вы можете переключаться между окнами с двойным сдвигом и клавишами ввода.