Я настроил базовый jsFiddle, чтобы дать больше представления о том, что я хотел бы случиться.
http://jsfiddle.net/nicekiwi/p7NaQ/2/
Надеюсь, если вы подумаете о странице контактов наiOS для iPhone с точки зрения того, какой раздел алфавита контактов вы просматриваете и как он меняется при прокрутке страницы, вы получите идею, если не будете читать дальше.
В принципе, у меня естьразделы содержимого в пределах одной колонки вертикальной прокрутки страницы.Когда верхняя часть первого заголовка (заголовок 1 в jsFiddle) попадает в верхнюю часть экрана, когда вы прокручиваете страницу вниз, она будет придерживаться в верхней части, пока вы не доберетесь до следующего заголовка (заголовок 2), в точке «Заголовок».2 "будет удерживать свою позицию во время прокрутки, а" Заголовок 1 "будет выталкиваться за пределы сайта и т. Д. Для остальных заголовков.
И при прокрутке страницы вверх произойдет обратное, например.«title 4» останется на месте, и когда будет достигнута нижняя часть содержимого «title 3», «title 3» будет плавно отображаться над «title 4» и останется в верхней части экрана, пока не достигнет верхней части своего собственногоcontent.
Я хочу создать это в HTML / CSS с Mootools 1.3 в качестве библиотеки JavaScript.
Есть идеи, как мне это сделать?Приветствия.