css錨點(diǎn)使用有兩種方法,我建議使用下面這種:
(推薦教程:css教程)
<a href='#one'>到達(dá)第一個(gè)錨點(diǎn)</a> <a href='#two'>到達(dá)第二個(gè)錨點(diǎn)</a> <div id='one'>我是第一個(gè)錨點(diǎn)</div> <div id='two'>我是第一個(gè)錨點(diǎn)</div>這樣當(dāng)我們點(diǎn)擊a鏈接時(shí), 對(duì)應(yīng)的dom節(jié)點(diǎn)就會(huì)滾動(dòng)到窗口頂部。
但有時(shí)我們的需求并不是讓它滾動(dòng)到窗口頂部。 可能要他距離頂部有一定的距離。這時(shí)候可以由以下方法解決。
<a href='#one'>到達(dá)第一個(gè)錨點(diǎn)</a> <a href='#two'>到達(dá)第二個(gè)錨點(diǎn)</a> <div id='one' style='margin:top:-100px;padding-top:100px'> <div >我是第一個(gè)需要滾動(dòng)的內(nèi)容</div> <div id='two' style='margin:top:-100px;padding-top:100px'> <div >我是第二個(gè)需要滾動(dòng)的內(nèi)容</div>這樣就可以達(dá)到滾動(dòng)后距離頂部200px的效果。而不影響原頁(yè)面的樣式。