Фиксация блока в сайтбаре при прокрутке

Фиксация блока в сайтбаре при прокрутке

Всем привет. Для тех, кому нужно зафиксировать блок в сайтбаре я подготовил простенький скрипт. Допустим, у вас есть рекламный баннер, который должен оставаться видимым в сайтбре при прокрутке страницы.

<div id="fixblock">
 Сюда помещаем наш реклмный блок
</div>

А в низ страницы до закрытия body помещаем вот этот скрипт

<script type="text/javascript">
function getTopOffset(e) { 
	var y = 0;
	do { y += e.offsetTop; } while (e = e.offsetParent);
	return y;
}
var block = document.getElementById('fixblock'); /* fixblock - значение атрибута id блока */
if ( null != block ) {
	var topPos = getTopOffset( block );
	window.onscroll = function() {
		var newcss = (topPos < window.pageYOffset) ? 
			'top:20px; position: fixed;' : 'position:static;';
		block.setAttribute( 'style', newcss );
	}
}
</script>

Готово. Теперь при прокрутке страницы, всё содержимое блока с id="fixblock" будет оставаться на месте.

Помогла статья? Угости чашечкой кофе =)

Если вы не видите кнопку "Скачать"
отключите блокировщик рекламы

Комментарии ()

    Не то, что искали? Воспользуйтесь поиском