2012-04-04 91 views
0

我有一個有兩列布局的網站,比如我猜想有幾十個網站。我目前正在將網站轉換爲具有響應式佈局,而我最常見的是側欄被壓縮,只顯示主要內容。響應式佈局:保持側邊欄可達的最佳方式

看起來不錯,但我想有一些方法來保持側邊欄可到達。我可以想到幾個備選方案:

  • 只需將側邊欄放在內容的底部:輕鬆完成,但是我發現總體疼痛。目前尚不清楚內容是否存在,並且您必須一直向下滾動才能真正發現
  • 放置某種固定的「Tab」,您可以單擊它,這會滑動打開側欄,它可以是再次關閉。雖然這看起來最有用,但我還沒有看到這樣的例子嗎?

你的方法來處理這樣的事情?

+0

無論如何濃縮成一個水平的div?將它放在最頂端,讓它跟隨用戶向下? – MetalFrog 2012-04-04 20:10:16

+0

聽起來不錯,但它太大了。這些信息不需要直接提供,但我希望它能以某種方式仍然可以獲得。 – nathanvda 2012-04-04 20:29:27

回答

2

本文由盧克萊夫斯基列出了一些最常見的響應式佈局模式:http://www.lukew.com/ff/entry.asp?1514

邊欄向下滑動的主要內容如下您所描述的佈局肯定是最常用的方法。我聽到你在說什麼,它不是很明顯,但根據我的經驗,用戶將滾動。

如果您擔心,Luke的文章列出了揭示導航和其他方法的方法。特別是你可能對他描述的「非畫布」模式感興趣,這是大多數人從Facebook應用程序中熟悉的,你可以點擊導航鏈接並從屏幕上滑入。

+0

謝謝你的鏈接:的確,「非畫布」的東西是我最感興趣的東西。 – nathanvda 2012-06-29 09:27:35