你會(huì)使用css錨點(diǎn)么

發(fā)布時(shí)間:2024-02-18
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è)面的樣式。
上一個(gè):RC0402FR-07390KL貼片電阻,國(guó)巨原廠代理
下一個(gè):三星gt i9168怎么樣,請(qǐng)問(wèn)三星GTI9128E手機(jī)好用質(zhì)量怎么樣

美國(guó)acromag信號(hào)轉(zhuǎn)換器
win10怎么一鍵釋放運(yùn)行內(nèi)存(windows10如何釋放內(nèi)存)
可以打裝備賣(mài)錢(qián)的游戲有哪些(打裝備可以賣(mài)錢(qián)的網(wǎng)絡(luò)游戲)
蘋(píng)果筆記本電腦價(jià)格一覽表f5
域名注冊(cè)服務(wù)商
《微信小程序營(yíng)銷(xiāo)活動(dòng)運(yùn)營(yíng)手冊(cè)》:雙十一營(yíng)銷(xiāo)活動(dòng)快速開(kāi)展
酷派cool20拍照怎么樣(酷派10拍照效果)
32個(gè)給排水工程設(shè)計(jì)常見(jiàn)問(wèn)題
電磁流量計(jì),選擇法米特準(zhǔn)沒(méi)錯(cuò)!
1206W4F120JT5E,F(xiàn) 1206 12R現(xiàn)貨購(gòu)買(mǎi),厚聲1206 12Ω ±1% 1/4W
十八禁 网站在线观看免费视频_2020av天堂网_一 级 黄 色 片免费网站_绝顶高潮合集Videos