Engage Web logo - horizontal-resized


Webspace now has a whole new meaning

Webspace now has a whole new meaning

The standard method of navigating a webpage has traditionally been to vertically scroll. On occasions a site may present some horizontal movement, but this is usually confined to the ‘viewing window’ within a vertical page and the elements come from the left or right into view.

It was, then, only a matter of time before someone using the fairly ubiquitous jQuery library would break that mould and present us with something different.

Although not the only example of this kind of navigation, the small jQuery plugin called ‘Full Content’ is a great place to start. Instead of scrolling vertically to the next area of content, the user is now able to define a content block’s position in the ‘map-space’. This means it can be offset a good distance in any direction from the content that is being viewed. When a user clicks one of the links, their browser will take them over to the new content – the effect is achieved by disabling horizontal scroll bars in the browser using a CSS method:

body { overflow-x: hidden; overflow-y: hidden; }

It even offers the developer the ability to include vertical scrolling in some sections via:

stage1 { overflow-y: auto; }

This means that the traditional and familiar aspect of vertical scrolling is maintained, but a new and interesting method of navigation is also introduced, giving the website a vast and spacious feel.

Combined with some parallax scrolling, this could create quite a spectacular effect, setting a website apart from its peers.

Latest posts by Steven (see all)

Get in touch

Please enable JavaScript in your browser to complete this form.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.


Book a consultation with Engage Web

Sorry to interrupt, but would you like to download our FREE Social Media Calendars?

Social Media Calendar Product Mock Up for web

 You can use them to plan your social media and content in advance, saving you time and getting better results. When you use our social media calendars, you'll always know what's trending and what to post about for your business.