Фрагмент кода JavaScript для принудительной перерисовки / перерисовки элемента DOM. Немного хакерский, но полезный в крайнем случае.
var element = document.getElementById('id'); var n = document.createTextNode(' '); var disp = element.style.display; // don't worry about previous display style element.appendChild(n); element.style.display = 'none'; setTimeout(function(){ element.style.display = disp; n.parentNode.removeChild(n); },20); // you can play with this timeout to make it as short as possible
Использование Transit.js
Если вы используете плагин перехода, такой как transition.js, это также работает:
$('#element') .transition({ x: '-500px', easing: 'snap', duration:'0' }) .transition({ x: '0', easing: 'snap', duration:'0' }) .css('z-index','10');
CSS:
#element { position: absolute; right: '-500px'; z-index: -1; }