????? 你是否發現有這么一個現象，比如在百度上搜索，顯示出來的文字只占了左半個屏幕，而文字的垂直長度卻要拖上整整一屏幕的滾動條。內容占用空間的縱橫比例似乎有些不協調，尤其是在寬屏顯示器上這個比例更加突出。

?????

????? 當然這樣的設計肯定是有好處的，頁面看上去顯得簡潔清爽，右邊的空白處還可以貼些小廣告（這個是關鍵吧）。對于這個例子，把滾動條以下的內容放到右邊的空白處顯然還是綽綽有余的。這樣就變成一頁好幾列的效果，為了體驗下這個效果，這里簡單的用幾個百度的iframe拼接成一個DEMO：

????http://www.etherdream.com/Creative/BaiduScroll.html

????? 當然由于是很多框架拼起來的，很耗資源，所以滾動不是很流暢。如果是內置元素實現的話還是很平滑的。這里只是為了演示下橫向瀏覽的視覺效果。

????? 之所以要推薦橫向滾動，并不完全是為了充分利用顯示空間，而是一種更加簡便的瀏覽方式。在傳統的分頁列表下，比如百度，要想轉到下一頁，先要把滾動條拉到最下方，接著點擊下一頁的鏈接，然后等待頁面的加載轉跳。而用橫向顯示只需把鼠標移到頁面右邊就可以了。

????? 既然是這樣，或許有人在想縱向的滾動也可以啊，甚至在搜索頁面里面設置下，把返回結果調成100個不就可以了。但仔細分析下：首先，這樣的結果水品寬度仍然只占了一半，其次，垂直滾動條的拖動，改變的僅僅是幾條記錄的顯示/隱藏，而在橫向滾動里，假如虛擬一個水平滾動條的話，水平滾動條的拖動改變的則是1個列的顯示/隱藏，而一列則有多條記錄，顯然這個滾動條滾的有價值了。

????? 最后從深層次上來分析，因為人的眼睛就是扁的，所以導致顯示器的形狀也是扁的長方形，尤其是現在越來越多的寬屏，就是為了占據更多的視野。所以在保證頁面清晰的前提下，更多的往橫向擴展。類似人們的讀書習慣：從左往右，從上往下，讀完一頁從右邊再翻一頁，這不就是橫向顯示嗎。

????? 當然，這種效果不僅僅局限于搜索頁面，包括論壇，博客等等大量列表的都可以運用。

總結

以上是生活随笔為你收集整理的【探索】Web新概念——资料横向显示（欢迎点评）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。