Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

One page responsive website

is there a video that teaches you how to make a one page responsive website? just want to get that down...

3 Answers

Hi Andrew,

The only difference will be that in a one page site you won't need to link to other pages.
You might still want a menu bar if the page is going to be long, that way the user can jump from section to section without having to scroll there.

Hope this helps.

The How To Make a Website course could definitely be used to create a one page responsive website. Additionally as Wayne mentioned you may want to create the ability to link to certain parts of your page.

Here is a link on Squarespace's anchor links:

http://anchor-links.squarespace.com/

I think you could apply some of the same code to your site to create links that jump to a specific part of the page.

Cheers!

this is example: http://jsfiddle.net/9SDLw/

and you should read this: http://stackoverflow.com/questions/7717527/jquery-smooth-scrolling-when-clicking-an-anchor-link

i have used it for a onepage responsive web site with a side menu and my pages were like one long page with anchors (<a>) at top of each page, and with this script it scrolled to that page

try it

Hey Ruven,

Thanks for that share! Ill definitely check that out :)

Cheers!