2011-12-31 59 views
5

顯示爲固定的錨的HTML頁面部分的迷你地圖,我看到一個網站一兩個月以前,有固定時,頁面已滾動,不會滾動頁面右側的錨。這與CSS並不難。在視口中

但在該網站上,固定的錨是動態生成的基於網頁的欄目標題。它們按照它們在文檔中的位置按比例分佈在頁面右側。

在本質上,它創造了整個文檔的小型地圖,給人什麼是文檔中的直觀概述,以及文檔的各個部分之間的間距,目前所有的視口內。你可以很快看到每個部分相對於彼此的大小。也許我應該把它稱爲目錄而不是迷你地圖。

我相信這是一個文檔頁面上某種類型的API。我認爲它對導航非常有效,並且想要爲我需要做的某些文檔構建類似的東西。

在某種程度上,它讓我想起Sublime Text 2右側的迷你地圖,但只顯示了主要標題,並且它們被描繪爲固定在頁面右側的按鈕。 sublime text 2 minimap

不幸的是,我不記得或找到我看到它的網站。有沒有人看過這樣的例子?我很想看到一些例子,然後開始實施它。或者做任何工具存在這樣做,jquery插件等?

回答