選單位置固定的意思,就是網站的主選單會永遠固定在同一個位置,不只是相對於網頁,更相對於瀏覽器,不論您將瀏覽器視窗放大或縮小、將捲軸捲動,主選單都會維持在同一個相對位置上。像這樣的選單位置固定的網頁設計,最大的好處就是不論使用者在網站中的哪一個頁面,都能很輕易的進行網頁導覽。

在這篇文章中,我們收集了國外的選單位置固定網頁設計給您參考。

 

b14

Beautiful and clean fixed top right header menu.

Fixed Position Menus

hard graft

Hard Graft is using two fixed position menus, one at the top right corner and the other on the left. The only thing moving are the items you can buy.

Fixed Position Menus

Happy Cog

After you scroll down Happy Cog’s page the menu gets fixed and will stay there for good.

Fixed Position Menus
Fixed Position Menus

Oncarbure

Here they are using a clean fixed header menu.

Fixed Position Menus

Character

An elegant and beautiful design using a fixed header menu.

Fixed Position Menus

Face. Works.

Nice and simple header fixed menu.

Fixed Position Menus

Resoluut

Another example of a menu that gets fixed after you scroll down the main illustrated header.

Fixed Position Menus
Fixed Position Menus

Gnosh

Here big typography and hand draw elements contrast with a small bright fixed header menu.

Fixed Position Menus

MmDesign

Another example of a clean layout, this time using a fixed menu on the right side bar.

Fixed Position Menus

Undercurrent

Undercurrent is also using a fixed header menu.

Fixed Position Menus

Y.Co

Here the background image moves while header and footer are fixed and offer you the options you need to navigate.

Fixed Position Menus

James Anderson

Another good example of header fixed menu.

Fixed Position Menus

OK Studios

While the elements move around the page using parallax scrolling, the fixed header menu stays still all the time.

Fixed Position Menus

Psych & Psych

Here they are using a fixed menu with a bit of transparency.

Fixed Position Menus

Reserved

Another example of a simple and clean header menu.

Fixed Position Menus

Latorre

And once again we have an example of fixed header menu.

Fixed Position Menus

Girl with a Camera

A delicate design that counts with a small fixed side bar menu.

Fixed Position Menus

Void

Void is using a fixed footer menu to help you navigate their page.

Fixed Position Menus

Mustache

Mustache keeps all their menus fixed on the left time.

Fixed Position Menus

Fundatia Comunitara

Here you will find parallax scrolling and a fixed menu using transparency.

Fixed Position Menus

關於作者

Gisele Muller is someone that recently discovered a new career online. A person that really likes technology, design, photography and creativity. An eternal geek wannabe, tech fan and a communication lover! Current location: San Bruno, CA – USA. Twitter: @gismullr

資料來源:http://webdesignledger.com/inspiration/21-examples-of-fixed-position-menus-in-web-design