色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

html 滾動設置內容不動

劉柏宏2年前11瀏覽0評論

網頁設計時,有時需要實現一些特殊的效果,比如讓頁面中的某些內容不隨滾動而移動。這個時候可以使用 HTML 的滾動設置來實現該效果。

<div style="height: 700px; overflow: auto;">
<p style="position: absolute; top: 50px; left: 50px;">這里的內容不隨滾動而移動</p>
</div>

上面的代碼中,設置了一個高度為 700px 的 div 元素,同時設置了 overflow 屬性為 auto,表示該元素內部的內容超出高度時會出現滾動條。在 div 內部,又使用了一個 p 元素,并設置了 position 屬性為 absolute,表示該元素的位置是相對于父級元素定位的。同時設定了 top 和 left 屬性,控制該元素的位置。這樣,無論頁面如何滾動,p 元素的位置都會固定在原來的位置。

除了使用絕對定位之外,還可以使用固定定位來實現相同的效果。固定定位的元素會相對于瀏覽器窗口進行定位,不隨滾動而移動,代碼如下:

<div style="height: 700px; overflow: auto;">
<p style="position: fixed; top: 50px; left: 50px;">這里的內容不隨滾動而移動</p>
</div>

以上就是使用 HTML 滾動設置來實現內容不隨頁面滾動而移動的兩種方法。根據實際需求選擇適合的方式即可。