Просунення / зупинка / пауза в певному пікселі - javascript, jquery, html, css

Я шукаю спосіб уповільнити прокрутку між двома конкретними пікселями, наприклад, від 1 до 100 зверху.

Ось посилання на веб-сайт, який має цю функцію, яку я шукаю. http://goo.gl/isH5o0

Коли починається прокрутка темно-синього накладанняdiv зникає, використовуючи CSS3 Translate3d, але потім прокрутка здається, що зупиняється або йде дуже повільно, що робить основний div не прокручувати далеко в той же час накладення div слайдів.

Може хтось, будь ласка, дайте мені натяк на те, що техніку використовувати для досягнення цього або, можливо, допомогти мені з деяким кодом.

Відповіді:

Мені здається, що тут немає нічого особливогопрокрутіть на цій сторінці, тільки divs переміщення за допомогою 3d перетворення. Але якщо ви хочете досягти спеціальних ефектів з прокруткою, ви можете використовувати функцію jQuery animation:

$("html").animate({scrollTop: position-to-scroll}, 300, "ease-in");

Більше про анімувати.

Можливо, використовується відключення. Я помітив, що якщо я перетягую скроллер на правій стороні вікна, то він не впливає на "уповільнення", але прокручування миші. Це схоже на ефект, описаний тут Як тимчасово відключити прокручування? .. в момент, коли ви можете тимчасово відключити прокрутку, а потім знову включити його, щоб зупинити їх надто далеко вниз