Как начать скролл при определенном px?

Question

[Даулет]

Есть такое условие - но он скрывает элемент сразу при прокрутке. Как можно сделать так, чтобы элемент скрывался если только страницу не прокрутить ниже к примеру до 100px(чтобы считалось не с самого верхнего блока, а с текущего положения скролла).

$(window).on('scroll', function () {
	$('.d_search').hide();
	});

Answer 1

[WapSter]

Comments

[Даулет]

phpneguru, хотя работает оказывается. Но он учитывает только с верхней точки. А нужно чтобы учитывал с той точки где сейчас стоит. Там просто с помощью нажатием кнопки - появляется окно. А это окно потом при скролле должно пропадать(ну типо вниз 100px) спустился, и оно исчезло.
Дошел до середины(оно сейчас скрыто), нажал кнопку - оно отрылось, спустился еще ниже на 100px, оно обратно исчезло

[alex4answ]

phpneguru, ну дак доделайте, в чем сложность ?

[Даулет]

alex4answ,

window.addEventListener('scroll', e => {
		let scrollHeight = window.pageYOffset;
		let scrollHeight2 = scrollHeight+300;
		console.log(scrollHeight);
		console.log(scrollHeight2);
		if (scrollHeight < scrollHeight+300) {
			$('.jq_search').hide();
		}
	});

тут видите в чем проблема, как бы я не старался перезаписать исходное положение, оно меняется и сразу же условие срабатывает