防止CSS頁腳滾動

#bottom_fade { 
      position: absolute; 
      bottom: 0; 
      width: 100%; 
      background: url("bottom-fade.png"); 
      background-repeat:repeat-x; 
      height: 400px; 
      z-index: 2; 
      } 
     .categories { 
      position: absolute; 
      left: 50%; 
      color:black; 
      word-wrap: break-word; 
      font-family: 15px 'Libre Baskerville', serif; 
      margin-left: -200px; 
      z-index: 1; 
      } 
     .categories td { 
      width: 200px; 
      }

您可能會看到上述代碼here的結果。嘗試調整瀏覽器窗口的大小，以便強制滾動以查看錶格中的全部文本。防止CSS頁腳滾動

當您滾動時，您可能會看到#bottom_fade不會粘在頁面的底部，而是會跟隨您的滾動。我不希望發生這種情況：無論滾動條發生什麼，我怎麼能說bottom_fade總是保持連接到瀏覽器窗口的底部？

非常感謝！

來源

2013-02-13 Saturnix

這是不相關的，但可以考慮設置'指針的事件：在您的頁腳none'，它中斷文本選擇，請參見：[點擊通過DIV到底層元素（ http://stackoverflow.com/questions/3680429/click-through-a-div-to-underlying-elements） – MikeM 2013-02-13 21:13:59

哦！多虧了很多人，甚至沒有考慮到這一點。我會添加它！ – Saturnix 2013-02-13 21:22:59

變化

#bottom_fade { 
     position: absolute; 
}

到

#bottom_fade { 
     position: fixed; 
};

，它應該工作就像一個魅力。

（順便說一句不錯的效果！）

來源

2013-02-13 21:10:37 Pbirkoff

+1並感謝您的回答。但是，現在您的解決方案滾動條不顯示（我正在使用Safari）。有什麼辦法可以在保持效果的同時滾動桌面嗎？我在很多網站上看到了這個... – Saturnix 2013-02-13 21:25:49

嗯，這很奇怪，它似乎在Firefox上工作。你確定你把固定在正確的元素？（在你的網站上，我注意到你把＃分類的位置固定在......） – Pbirkoff 2013-02-13 22:17:38

我是個白癡。我改變了錯誤的選擇器，現在它工作正常。謝謝！ – Saturnix 2013-02-13 23:42:17

防止CSS頁腳滾動

回答

相關問題