2010-07-20 151 views
1

我需要關於如何添加頁面底部的「轉到頁首」鏈接的建議,但只有當頁面長度超過瀏覽器窗口大小時纔會這樣。跳轉到長頁面上的頁面鏈接頂部

的算法是:

  • 檢查頁面高度
  • 計算頁腳和頁眉高度
  • 比較大小
  • 找到最後一個元素頁腳之前(例如,通過ID)
  • 插入鏈接到#頂部菜單

(Assumin g純JavaScript,也在IE6中工作。我不想使用任何JS庫。)

+0

它聽起來好像在概念上你是在正確的軌道上。你可以發佈你已經嘗試過的代碼嗎? – 2010-07-20 14:57:50

回答

3

嗯......我在想,檢測body.scrollTop!= 0,那麼這意味着頁面高於瀏覽器的視口。我會將「Go to top」元素始終作爲頁面的一部分,但其可見狀態取決於body.scrollTop!= 0。要檢測body.scrollTop!是否爲0,則需要每隔100ms輪詢其值說,並且是否爲零,將「Go to top」對象的顯示屬性設置爲「'或'none'。

雖然可能有點煩惱,因爲「Go to top」元素本身會增加整體頁面高度。在這種情況下,使用'visibility'屬性而不是'display'可能是更好的選擇。

編輯:剛發現(可能的惡意軟件鏈接刪除),可能是有用的,如果你與上述去。

相關問題