用css樣式來實現固定定位,使用css的position屬性;其中position的屬性值有absolute(生成絕對定位的元素,相對於 static 定位以外的第乙個父元素進行定位。元素的位置通過 「left」, 「top」, 「right」 以及 「bottom」 屬性進行規定。)、fixed(生成絕對定位的元素,相對於瀏覽器視窗進行定位。元素的位置通過 「left」, 「top」, 「right」 以及 「bottom」 屬性進行規定。)在這裡我們使用fixed值,來固定導航的盒子。
再通過a標籤的herf屬性和name屬性搭配使用,將頁面跳轉至固定位置。
實現效果如下:
源**如下:
charset="utf-8">
title>
p #dh
#dh2
astyle>
head>
id="dh2">
href="#nz">**a>
href="#man">**a>
href="#dq">電器a>
href="">返回頂部a>
div>
color="red">這裡是頂部font>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
name="nz">
a>
color="red">這裡是**font>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
name="man">
a>
color="red">這裡是**font>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
這是文字內容p>
name="dq">
a>
color="red">這裡是電器font>
body>
html>
前端CSS 相對定位,絕對定位,固定定位
position relative 必須先宣告,自己要相對定位了,left 100px 然後進行調整。top 150px 然後進行調整。相對定位不脫標,真實位置是在老家,只不過影子出去了,可以到處飄.position relative right 100px 往左邊移動 top 100px posi...
css的固定定位
三 固定定位 fixed 表示固定定位,與 absolute 定位型別類似,但它的相對移動的座標是檢視 螢幕內的網頁視窗 本身。由於檢視本身是固定的,它不會隨瀏覽器視窗的滾動條滾動而變化,除非你在螢幕中移動瀏覽器視窗的螢幕位置,或改變瀏覽器視窗的顯示大小,因此 固定定位 的元素會始終位於瀏覽器視窗內...
用css實現的固定定位
href dq 電器a href 返回頂部a div color red 這裡是頂部font 這是文字內容p 這是文字內容p 這是文字內容p 這是文字內容p 這是文字內容p 這是文字內容p 這是文字內容p 這是文字內容p 這是文字內容p 這是文字內容p 這是文字內容p name nz a color...