Адаптивный сайт, как сделать выполнение скрипта на разных разрешениях экрана?

Question

[Сергей Горячев]

Есть адаптивный сайт, как сделать выполнение скрипта в зависимости от разрешения экрана.

jQuery('.block').addClass("hidden").viewportChecker({
		classToAdd: 'visible animated fadeIn', offset: 50
	});

Как написать правильно условие? Что-то у меня не совсем вышло.

Answer 1

[Сергей Горячев]

Решил.

jQuery(document).ready(function(){
	var w = screen.width;
	if (w >= '1000') {
		// выполняем на экранах больше 1000рх
	} else {
		if (w >= '600') {
			// выполняем на экранах больше 600рх
		} else {
			if (w < '600') {
				// выполняем на экранах меньше 1000рх
			}
		}
	}
});

Comments

[Сергей]

Выполнится только 1 раз же. Вам нужно написать функцию, использовать её при загрузке и еще при событии ресайза страницы