Ive been trying to replicate the navigation menu sliding inwards as you scroll down the page, and the Buddha image popping up, but not having any luck:

 

www.zendesk.com

 

Ive referenced the classes and js files correctly i believe, but it is just not firing properly....Can someone have a look and see if they can shed any light please? Im quite new to html5, so its probably something very obvious that im missing....

 

Please help

Hello

 

Put this in your body tag; onscroll="javascriptfunction()"

Now you just have to check the window.pageYOffset (The amount of pixels that has been scrolled down).

And if that is more than the amount of space between the top of your page and the element , change the position of the element to fixed with javascript.

 

Here is a little example I made= http://www.leon-designs.x90x.net/file/45446.html

 

Ignore everything after </html> tag, that code is added by my free hosting service

 

With the Buddah image you have to do the same thing, check if the page is scrolled down entirely and than slide the image in the page. ( you could use jQuery for that )

 

Hope it helped you

Edited June 6, 201214 yr by Leonvv

Thats brilliant, thanks for your help, and have replicated what you have explained here and works! Now gonna concentrate on getting the nice sweeping movement to go with this. Cheers!