Pagdaragdag ng mga Same-Page Scrolling Anchor Link
Ito ay isang premium na feature at available sa bersyon 4.0.1+
Ang mga same-page scrolling anchor link ay mga link na tumutukoy sa isang partikular na lokasyon sa parehong pahina. Kapag nag-click ka sa isang same-page link, mag-i-scroll ang iyong browser patungo sa tinutukoy na lugar.
Kailangan mo ng dalawang bagay upang makagawa ng same-page anchor link:
- Isang custom class o isang custom ID sa isang elemento, at
- Isang link o button na tumutukoy sa custom class o ID
1. Isang custom class o isang custom ID sa isang elemento
Pumili ng anumang elemento malapit sa ibaba ng iyong pahina at pagkatapos ay buksan ang mga property nito. Sa advanced na lugar, magdagdag ng custom class o custom ID na pinangalanang ” go_here“
2. Isang link o button na tumutukoy sa custom class o ID
Ngayon, gumawa ng link o magdagdag ng button element saanman malapit sa itaas ng iyong pahina. Sa halip na magdagdag ng URL bilang link, gamitin ang ” .go_here” (may tuldok) kung idinagdag mo ang “go_here” bilang custom class; o gamitin ang “#go_here” (may hash) kung idinagdag mo ito bilang custom ID.
Pagkatapos mong i-save ang iyong pahina, kapag nag-click ka sa iyong link/button, dapat na itong mag-scroll nang maayos patungo sa elemento sa ibaba ng iyong pahina.
Maaari mo rin itong gamitin upang i-target ang mga named anchor
Ang mga named anchor tulad ng
<a name="go_here"></a>
ay maaari ding i-target sa pamamagitan ng pagdaragdag ng link sa “#go_here” (may hash)
Iba pang gamit
Maaari mo ring i-target ang anumang iba pang lugar sa iyong pahina, kahit sa labas ng editor area hangga’t ita-target mo ang mga ito gamit ang kanilang mga class name o ID.