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的效果。而不影響原頁面的樣式。