水平滚动jQuery固定导航

Question

I am creating a web page that has a horizontal scrolling effect such as this one http://retrousse.co.uk/lookbook , i am currently using this example as a template http://tympanus.net/Tutorials/WebsiteScrolling/

However I cant work out how to keep the navigation and logo div centred on the page whilst you horizontally scroll. Does anyone know how i can achieve this?

Answer 1

You just need to fix the position to the viewport.

<div id = "navigation" style="position:fixed">

This will keep the div at what ever location you set it at using top:'500px'; left:'200px;' top:'500px'; left:'200px;' etc.