CSS錨點使用有兩種方法，我建議使用下面這種：

（推薦教程：CSS教程）

<a href='#one'>到達第一個錨點</a>     <a href='#two'>到達第二個錨點</a>     <div id='one'>我是第一個錨點</div>     <div id='two'>我是第一個錨點</div>

這樣當我們點擊A鏈接時， 對應的DOM節(jié)點就會滾動到窗口頂部。

但有時我們的需求并不是讓它滾動到窗口頂部。 可能要他距離頂部有一定的距離。這時候可以由以下方法解決。

<a href='#one'>到達第一個錨點</a>     <a href='#two'>到達第二個錨點</a>     <div id='one' style='margin:top:-100px;padding-top:100px'>     <div >我是第一個需要滾動的內(nèi)容</div>    <div id='two' style='margin:top:-100px;padding-top:100px'>     <div >我是第二個需要滾動的內(nèi)容</div>

這樣就可以達到滾動后距離頂部200px的效果。而不影響原頁面的樣式。