JQuery ScrollTo дергается при скролле мышки, возможные варианты решения?

Question

[sashavol]

Добрый день.
пытаюсь реализовать скролл к элементу, но возникла проблема что при плавном скроле к элементу если использовать колесика мышки, то все дергается, браузер хром.
Даже если уменьшить время выполнение, все равно тормозит

$('html, body').animate({scrollTop: "-300px" or $('#result-steps-prem').position().top},500);
return false;

Пытался повесить на body overflow, убрать выполнение wheel при выполнение скрипта, но все тщетно

Answer 1

[Виталий Инчин ☢]

На время вашего программного скролла запрещайте пользовательский.

function returnFalse(e){
     e = e||event;
     e.preventDefault ? e.preventDefault() : (e.returnValue = false);
}
//Ставьте запрет
document.addEventListener("scroll", returnFalse);
//И после вашего скролла удалите запрет
document.removeEventListener("scroll", returnFalse);

UPD: Вот я функцию писал: тык

Comments

[sashavol]

Спасибо за ответ, все заработало повесил на тег а выполнение этой функции, а чтобы обратно вернуть лучше использовать setinterval? Или есть более лучшее решение для завершение скрипта?

[Виталий Инчин ☢]

sashavol: можно при каждом скролле (на 1px) проверять позицию через document.onscroll, но я не вижу в этом смысла, т.к проверка в интервале тоже самое, но удобнее.

[sashavol]

Виталий Инчин: имел ввиду обратно вернуть скролл, не совсем понял каким образом это сделать, спасибо за функцию, можете пожалуйста немного подробнее написать о ней?

[Виталий Инчин ☢]

//  Вызов: document.scrollTo4Y(where)
//  Где where - либо элемент, либо Y-координата, до которой должна дойти прокрутка
//  Если where - элемент, то прокрутка будет совершена до <b>Y-позиция элемента минус (Высота окна /10)</b>. То есть, элемент окажется почти вверху окна браузера.
//  Глобальные переменные не трогает!
//  Скорость прокрутки вычисляется исходя из расстояния от текущей точки, до указанной.
//  Если указана точка меньше 0 или больше максимума, она будет заменена на соответствующую.

[sashavol]

Виталий Инчин: благодарю еще раз), завтра буду пробовать

[Виталий Инчин ☢]

sashavol: обновил ответ - теперь можно регулировать скорость и вызывать функцию без document . Также, за место Y можно указать ключевое слово (их два), но подробнее обо всем я написал в самом файле.