Как прервать setTimeout?

Question

[Егор Антропов]

Вот код:

var header = document.querySelector('.sticky');

window.onscroll = function showHeader () {
	if (window.pageYOffset > 138) {
		header.classList.remove('goback');
		header.classList.add('sticky-header');
	} else {
		header.classList.add('goback');
		var timerId = setTimeout(function () {
  		header.classList.remove('sticky-header');
		}, 250)
	}
}

if (window.pageYOffset > 138) {
	header.classList.add('sticky-header');
}

Нужно чтобы if прерывало

var timerId = setTimeout(function () {
  		header.classList.remove('sticky-header');
		}, 250)

Пробовал clearTimeout(timerId); - не помогло
Вот весь код: https://github.com/TheRelow/5CRM

Comments

[m_frost]

а че position: sticky не юзать ???

Answer 1

[dollar]

Потому что timerId у тебя локальный. Он виден только внутри функции, и не сохраняется по завершению функции. Так что где бы ты его ни использовал, timerId будет не определён. Объявляй его вне функции или запоминай в чём-то, что существует дольше.

spoiler

var header = document.querySelector('.sticky');
var timerId; //объявляем глобально!

window.onscroll = function showHeader () {
  if (window.pageYOffset > 138) {
    header.classList.remove('goback');
    header.classList.add('sticky-header');
  } else {
    header.classList.add('goback');
    timerId = setTimeout(function () {
  		header.classList.remove('sticky-header');
    }, 250)
  }
}

if (window.pageYOffset > 138) {
  header.classList.add('sticky-header');
}