Вертикальная прокрутка с привязкой/выровнять по div/element/anchor

Question

Я нашел несколько прекрасных сайтов - http://www.mini.jp/event_campaign/big-point/, http://www.twenty8twelve.com/ и http://www.scozzese.com - все вертикальные прокрутки и все, используя технику, которая выравнивает «страницы» до верхней части браузера, когда вы перейдите на новую страницу, даже если вы прокрутите половину пути в одну.

Может ли кто-нибудь дать мне какие-либо указатели, например. правильную терминологию/слова, которые я мог бы использовать для поиска дополнительной информации, или краткое введение в основы этой техники, или если есть какие-либо jQuery и т. д. плагины, с которыми я могу играть и учиться?

Я выполнил поиск их кода, но ничего не выскочил, как это сделать, мой Javascript и jQuery все еще новичок.

Answer 1

Javascript Имеет некоторые собственные методы, такие как scroll(), scrollTo(), scrollBy(), которые (с некоторыми трюками) можно использовать для плавного прокрутки страницы. Вместе с offsetTop(), offsetLeft() вы можете добиться таких эффектов, как на этих сайтах.

Существует также много плагинов jQuery (например, google hit), чтобы сэкономить вам много работы.

Просто выполните поиск этих меток, это должно дать вам достаточно хитов, я думаю.

Answer 2

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

Answer 3

Basic скроллинг ...

// Scroll 
h = $(window).height(); 
t = $("mydiv").offset().top + $("mydiv").height(); 

if(t > h) { 
    $(window).scrollTop(t - h); 
}