使用CSS /動態表示式修復內容

cenfeng發表於2019-08-05
CSS

CSS允許您以各種方式在頁面上定位內容，其中一種方式是“固定的”。在這種模式下，當頁面的其餘部分滾動時，一段內容保持完全靜止而沒有退縮。我對2007年的一個預測是這種效果在網路上的爆發，因為大多數訪問者瀏覽器都使用CSS本地支援它。

在下面的教程中，我將討論如何在CSS中使用“固定”定位，以及如何使用動態表示式模擬IE5 / 6中的行為， 動態表示式不支援直接CSS方法。要開始嗎？

使用CSS /動態表示式修復內容  使用CSS修復內容

實際上只有一種真正的方法可以建立不在頁面上滾動的固定內容，而這是通過CSS“固定”定位。 與“絕對”定位類似，“固定”使用顯式x（水平）和y（垂直）座標系統將一段內容放置在文件的正常流程之外。 但是，對於“固定”，其座標系相對於瀏覽器的視點，因此“5px”垂直表示從可視視窗的左上角向下“5px”，無論頁面是否滾動。

<style type =“text / css”> 

#mydiv { 
position：fixed; 
左：10px; 
上：50px; 
}

</ style> 

<div id =“mydiv”> 
這裡有一些內容
</ div>

請記住，在固定定位中，左側和頂部值相對於視窗視點的左上角，它隨著頁面的滾動而自動更改。 這會產生靜態效果。


來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69933200/viewspace-2652698/，如需轉載，請註明出處，否則將追究法律責任。

相關文章