Прокрутка может быть интересной

Типовое использование

Чтобы задействовать плагин подключите следующие файлы к странице в теге head:

• jQuery v1.3+
• Плагин Page Scroller
• CSS файл плагина Page Scroller

<script type="text/javascript" src="js/pagescroller.js"></script>

Запуск плагина

Запустите плагин при загрузке DOM:

								$(document).ready(function(){
									$('#main').pageScroller();
								});

Переименуйте ссылки навигации

Можно использовать другие названия для ссылок навигации, передавая их в массиве:

									var navLabels = new Array('Главная', 'Портфолио', 'Услуги', 'Контакт');
									$('#main').pageScroller({ navigation: navLabels });

Структура кода HTML

секции должны иметь общий класс. По умолчанию все секции, которые включаются в навгиацию, должны иметь класс "section". Любой блочный элемент можно использовать в качестве секции или основного контейнера. Также поддерживаются элементы HTML5. Плагин будет устанавливать корректное позиционирование CSS для анимации jQuery:

								<div id="main">
									<div class="section"></div>
									<div class="section"></div>
									<div class="section"></div>
									<div class="section"></div>
									<div class="section"></div>
								</div>

Как изменить имя класса секции

Чтобы использовать другой класс, просто передайте его имя плагину при инициализации:

$('#main').pageScroller({ sectionClass: 'className' });

Доступные опции:

Пример:

								$('#main').pageScroller({
									animationSpeed: 1000,
									scrollOffset: 0,
									sectionClass: 'page-sections',
									animationBefore: function(){
										//Код функции
									}
								});

API:

Пример:

								$('.button').click(function(){
									pageScroller.goTo(4);
								});