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的效果。而不影響原頁面的樣式。
標(biāo)題名稱:你會(huì)使用css錨點(diǎn)么
瀏覽路徑:http://jinyejixie.com/article28/cphjcp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、自適應(yīng)網(wǎng)站、關(guān)鍵詞優(yōu)化、商城網(wǎng)站、網(wǎng)站排名、網(wǎng)站營銷
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)