html中設定錨點定位

2022-08-26 20:24:08 字數 746 閱讀 4569

需求:

需要在頁面內做乙個導航

設定錨點:

<

h2>我是標題一

h2>

<

h2>我是標題二

h2>

<

h2>我是標題三

h2>

在頁面內設定錨點,做乙個索引,點選相應的索引標題就跳轉到相應的段落

那麼就只要在標題所在的html標籤裡面設定乙個id,然後鏈結過去即可,可以像下面這樣設定id:

<

h2 id

="a"

>我是標題一

h2>

<

h2 id

="b"

>我是標題二

h2>

<

h2 id

="c"

>我是標題三

h2>

然後在索引裡面這樣設定超連結就可以實現和錨點的連線了

<

a href

="#a"

>點選我就會跳到第一段

a>

<

a href

="#b"

>點選我就會跳到第二段

a>

<

a href

="#c"

>點選我就會跳到第三段

a>

js錨點定位

最好是name和id都是st。避免有些特殊情況 普通定位方式是在位址後面加上 st即可,現想通過js實現定位,如下 window.location.hash st 非js形式 zkm hxy 1 2 3 1 2 3 1 2 3 1 2 3 1 2 3 1 2 3 1 2 3 1 2 3 zkm b ...

jQuery錨點定位

一 錨點鏈結 href jump 點我進行跳轉a id jump 跳轉到這裡了h2 1.關於 在頁面的製作中,的符號很常見,並且具有通用性。基本上,其表示的含義是 id 選擇符。例如 在 css 中 header 就表示 id 為 header 的標籤的樣式如何 在 jquery 中,header ...

vue element ui 實現錨點定位

你好!這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章,了解一下markdown的基本語法知識。20 3 導航選擇事件 default active activestep select jump for item,index in...