Для чего этот фрагмент кода?

Question

[Zangar]

https://jsfiddle.net/w1jytrn4/ — пример кода. Есть один фрагмент, который портит всю страницу при изменении размера окна:

$(".panel").css({
		"height":$(window).height()
	});
	var timer;

	$(window).resize(function() {
		clearTimeout(timer);
		timer = setTimeout(function() {
			$(".panel").css({
				"height":$(window).height()
			});
		},40);
	});

Без него же не работает.
Использован плагин scrollify

Comments

[Zangar]

При изменении размера окна, скрипт перестает действовать. А так же скролл не работает
#3 или #2 дублируются

Answer 1

[Alexander Tartmin]

$(".panel").css({
    "height":$(window).height() // Выставляет высоту элементу с класом panel исходя из высоты окна браузера
  });
  var timer;

  $(window).resize(function() { // Эта функция запускается тогда, когда изменяется размер окна браузера
    clearTimeout(timer); // Очищается таймаут
    timer = setTimeout(function() { // И устанавливается заново
      $(".panel").css({
        "height":$(window).height() // Тот же код что и в первой строке
      });
    },40);
  });

Иными словами без него тот плагин и не должен работать, так как этот кусок кода устанавливает высоту блоков так, что бы они были на всю высоту страницы.

Comments

[Zangar]

Alexander Tartmin: а 40 что значит?

[Alexander Tartmin]

Zangar: это в милисекундах задержка после которой начинает выполнятся код внутри setInterval

[Zangar]

Alexander Tartmin: поставил значение на 1110, никакой разницы, но css перестал ломаться

[Alexander Tartmin]

Zangar: Эта задержка установлена исключительно для того, что бы выполнять код только тогда, когда при ресайзе окна всё что нужно "перерендерится". Видимо у Вас всё очень медленно работает, если Вам надо аж 1 секунду и 100 мс. ждать прежде чем выполнить код.

[Zangar]

Alexander Tartmin: только 0 поставил, перестало крашится вовсе, но сколл иногда ломается.
Если прокручивать снизу вверх, то #2 или #3 повторяется

[Zangar]

Alexander Tartmin: 92642798.besaba.com

Answer 2

[Александр Крупнов]

Судя по коду - изменяет высоту блоков .panel в зависимости от высоты окна. Этот код нужен для того, чтобы блоки были равны высоте окна, чтобы при прокрутке блоки точно заполняли окно. В Вашем случае нужно наверное, чтобы контент внутри блоков .panel также уменьшался, ну или overflow поставьте :)