Viewing How do I create a site like this...?

How do I create a site like this...?



User: DALE N. 9 years ago
Hi all –

I'm looking to try and replicate one of the popular single page websites that are floating around at the minute. See this example:

http://ninajobs.se/

Does anyone know how I can keep the nav menu at the top like in the example above whilst the user scrolls down the website? Also, is it easy to scroll to a particular section of a single page website when one of the menu items is clicked on? So say for example I had Home, About, Work, Contact as a menu at the top. If the Work section was halfway down the page but quite a way down in terms of pixel height, is there an easy way of jumping to that exact point?

Thanks for any help
User: Roddy 9 years ago
Anchors are used for going from one point on a page to another - or to another point in a different page.

Anchors and smooth scrolling anchors are described here…

http://everwebcodebox.com/links/anchors.html

… and the widgets are shown here…

http://everwebcodebox.com/widgetbox/layout/anchor-hyperlink.html

Note how the EverWeb Codebox website has a fixed navigation. This is described here…

http://everwebcodebox.com/layout/sticky-header.html

The example shown in the iframe on this page is probably the type of thing you are looking for…

http://everwebcodebox.com/code/testing.html

This was done using code entry but I'm sure it could be done more easily using the widgets referred to above.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: DALE N. 9 years ago
That's great I'll have a look, thanks Roddy.


Post Reply
You must login or signup to post.