Умный скролл, который срабатывает со второй попытки скролла?

Question

[Чёкатилло]

хз как объяснить кратко суть вопроса )

В общем, надо при первой "попытке" скролла (что пальцем, что мышью), присваивать элементу id стиль, а страница остается неподвижной. Затем, при повторном 2-ом скролле, скролл должен уже заработать штатно. И только когда пользователь проскроллит опять в самый верх страницы,- то тому элементу id возвращать стиль.

Такой вот скролл- тормоз ))

Есть скрипт, который при скролле в px добавляет стиль:

$(window).scroll(function(){
        if ($(window).scrollTop() > 1) {
            $('#line-relative').addClass('chng');
        }
        else {
            $('#line-relative').removeClass('chng');
        }
    });

Почти что нужно, но нету здесь того, что бы отвечало за первую попытку скролла )

Может кто подсказать готовый вариант или что-то похожее? )
Спасибо Господа!

Answer 1

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

Так попробуйте.

var oneTry = false;
			$(window).scroll(function() {
				if( oneTry ) {
					if( $(window).scrollTop() > 1 ) {
						$('#line-relative').addClass('chng');
					}
					else {
						$('#line-relative').removeClass('chng');
					}

					return;
				}

				oneTry = true;
			});

Comments

[Чёкатилло]

Спасибо, но никаких изменений не произошло

[Kovalsky]

Баба Яга: если суть в том, чтоб при первой попытке скролла страница оставалась неподвижной, то придётся при первой попытке насильно откатывать скролл до нуля. Также, чтобы учитывать именно первую попытку, а не первые несколько тыков, нужно будет использовать таймер: если пользователь начал скролл, то все последующие попытки скролла считать продолжением первой попытки если они например происходят раньше чем через 100мс после последней. Надеюсь понятно объяснил. В общем придётся как-то эти самые попытки разделять во времени, ибо если ориентироваться на предложенный вариант с try, то вторая попытка произойдёт через незначительную долю секунды.