Как изменять класс при прокрутке?

Question

[footer_code]

Подскажите код который изменяет class (стиль) блока с id="block" при прокрутке стриницы на 560px

Answer 1

[panterr92]

$(window).scroll(function(event) {
	if($(this).scrollTop() > 560) {
		$("#block").addClass('class');
	}
	else {
		$("#block").removeClass('class');
	}
});

Comments

[dom1n1k]

Только без троттлинга может очень сильно тормозить, если применение класса приводит к обширным перерисовкам.

Answer 2

[zoozag]

window.onscroll = function() {
  var scrolled = window.pageYOffset || document.documentElement.scrollTop;
  if (scrolled >= 560) {
    document.getElementById('block').className += " someClass";
  }  
}