CSS：頁面跳轉後的頁面頂部

我有一個html頁面，我不能修改，我所做的一切都必須用CSS完成。CSS：頁面跳轉後的頁面頂部

我在html頁面中有4個「section」標籤，在頁面頂部有一個導航欄。條的每個元素都是到同一頁的特定部分的內部鏈接（頁面跳轉）。

通常，當我點擊其中一個鏈接時，合適部分的第一行將出現在我的頁面頂部。

但我修改了導航欄的位置，所以它會始終保持在最上面（position：fixed）。

因此，當我所選擇的部分1個按鍵，第一排（1或2場以上的行）點擊，都是由我的導航欄覆蓋... :(

我要的是一個解決方案，所以當我點擊我的導航欄上的一個選項，那麼所選部分的第一行將不會出現在屏幕的頂部，而是在我的酒吧下方。

如果需要某些代碼，請詢問具體部件，因爲它足夠長。

來源

2011-05-22 NickPro

如果你能構建一個簡單的演示來展示你所描述的問題，那將是最好的。如果你不能這樣做，那麼一個簡單的頁面顯示整體結構（即導航欄和四個部分，以及任何周圍的元素等）以及與所包含的結構相關的CSS。 – musaul 2011-05-22 21:34:51

好吧，這裏有2個截圖。 1）這是應該如何，當我按下欄上的合適的按鈕。您可以看到「RED LETTER」行是該部分的頂部 http://ompldr.org/vOHI1eA/1.png 2）這就是它的樣子。您可以看到「RED LETTER」行隱藏在我的徽標和我的酒吧後面 http://ompldr.org/vOHI2Mg/2.png 在html中，我有「部分」標籤，每個標籤都有自己的「 ID「值。我的酒吧的每個按鈕都使用「a」標籤，其中「href」字段爲值，該部分爲合適的「id」。 – NickPro 2011-05-22 21:47:25

你想要代碼，所以現在的代碼 - 人們應該猜測你的標記和樣式？ – 2011-05-22 21:50:16

你有沒有嘗試過對這些部分應用積極的padding-top，然後取消填充負數margin-top？點擊跳轉長度後，兩者的值將是該部分與屏幕頂部邊緣之間的期望間隔。

來源

2011-05-22 22:33:28 DavidJCobb

它的工作原理!!!!!老兄，你要麼是CSS大師，要麼就是一個天才！非常感謝！你救了我的一天;）。 – NickPro 2011-05-22 23:29:23

CSS：頁面跳轉後的頁面頂部

回答

相關問題