Почему в chrome при прокрутке мелькает блок header с position: fixed; ?

Question

[Кирилл Вольф]

css

.cbp-af-header {
	position: fixed;
	top: 0 !important;
	/*left: 0;*/
	width: 100%;
	background: #181818;
	z-index: 10000;
	height: 230px;
	overflow: hidden;
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s;
}

js

var cbpAnimatedHeader = (function() {

	var docElem = document.documentElement,
		header = document.querySelector( '.cbp-af-header' ),
		didScroll = false,
		changeHeaderOn = 300;

	function init() {
		window.addEventListener( 'scroll', function( event ) {
			if( !didScroll ) {
				didScroll = true;
				setTimeout( scrollPage, 250 );
			}
		}, false );
	}

	function scrollPage() {
		var sy = scrollY();
		if ( sy >= changeHeaderOn ) {
			classie.add( header, 'cbp-af-header-shrink' );
		}
		else {
			classie.remove( header, 'cbp-af-header-shrink' );
		}
		didScroll = false;
	}

	function scrollY() {
		return window.pageYOffset || docElem.scrollTop;
	}

	init();

})();

Наблюдается мелькание только web-kit, в FF проблемы нет.

Answer 1

[Радость моя]

из за таймаута 250

Comments

[Кирилл Вольф]

изменил на 0, стало чуть лучше, но все равно иногда как будто отслаивается от верха

[Радость моя]

он МЕЛЬКАЕТ или СКАЧЕТ?

[Кирилл Вольф]

сейчас как будто на секунду отскакивает от топа. С таймаутом мелькает

[Радость моя]

а попробуйте вообще без таймаута вызвать. т.е. не 0 а вообще вынести вызов ф-ии из ф-ии таймаута. и если не получится попробуйте таймаут 50