2012-02-02 6 views
0

Я недавно наткнулся на этот сайт: http://www.mccormackmorrison.com/ Мне нравится метод навигации (вертикальная/горизонтальная прокрутка) с изменением размера фонового изображения.Горизонтальная/вертикальная навигация

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

Трудно ли сделать аналогичный сценарий? Я исследовал возможные решения, но безрезультатно. Надеюсь, кто-то может «научить меня, как решить этот метод».

ответ

2

сайт mccormackmorrison использует jQuery.SerialScroll. Вы можете проверить его демо-версию here.

Надеюсь, что вы ищите.

+0

Спасибо за ваш ответ, но когда я смотрю страницу mccormackmorrison, кажется, что она только прокручивает одну страницу в то время. Например, если я нажму кнопку «работа», а затем нажмите стрелку вправо, en, а затем нажмите стрелку вниз, она отобразит страницу точно в правильном положении. – idbranding

+0

Для этого вы можете использовать '$ (window) .width()' и '$ (window) .height()', взять 'div' с' absolute: position' и некоторый 'z-index' и назначить эти значения , и это займет весь экран. Это очень легко :). –

+0

Я попробую, я приду с jsfiddle, если у меня останется больше вопросов. Пока что спасибо! – idbranding