Скорректировать скрипт, что бы он срабатывал не сразу, а через установленные пикселы?

Question

[Чёкатилло]

Имеется скрипт:

var oldScrollY = 0;
var div = document.getElementById("line-relative");

window.onscroll = function() {
  var scrolled = window.pageYOffset || document.documentElement.scrollTop;
  var dY = scrolled - oldScrollY;
  
  if ( dY > 0 ){
    div.className = "line-relative line-topp";
  } else {
    div.className = "line-relative line-top";
  }
  
  oldScrollY = scrolled;
}

Скрипт показывает/скрывает блок при скролле...помогите пожалуйста скорректировать его так, что бы функция эта срабатывала через установленные пикселы

Спасибо за внимание и содействие )

Answer 1

[Максим Тимофеев]

меняйте if ( dY > 0 ){ на if ( dY > КакоеТоЧисло ){

Comments

[Чёкатилло]

пробовал Почему-то так не работает скрипт вообще
вот так:
if ( dY > 40 ){

[Максим Тимофеев]

а так:
if ( dY < 40 ){
?

[Чёкатилло]

Максим Тимофеев: так добавляемые стили, как будто, меняются местами в порядке выполнения..и получается сначала блок скрыт, а затем при скролле появляется (в общем, просто наоборот) Тогда я поменял местами добавляемые стили line-topp и line-top, но тогда скрипт не работает