Anchor Links
Anchor links allow you to jump to a specific section on the same page or even on another page.
First, add this to the main CSS (it makes the scroll go smoothly):
html {
scroll-behavior: smooth;
}
Link to a section on the same page
Step 1: Start by creating the link code. Instead of putting in another page URL, define the link with #example. You can replace this with an appropriate reference for the link. Also, the anchor text (Bacon is Amazing in this case) can be whatever you like without implication on the link’s functionality.
<a href=”#bacon“>Bacon is Amazing</a>
Step 2: Next, you want to define where the link is going to go. Where you want to user to end up, create the following code:
<a id=”bacon“></a>
Bacon is Amazing
Notice the link code is before the spot you want to user to be. I using put the code on one line and the headline on the next.
Test it out!
Spicy jalapeno bacon ipsum dolor amet in do capicola, ipsum tenderloin cupim anim drumstick. In ullamco enim ribeye, sirloin eiusmod swine ipsum capicola frankfurter buffalo flank ut dolor. Tenderloin mollit magna kevin shank rump in tongue picanha jowl burgdoggen filet mignon ullamco short ribs ground round. Boudin burgdoggen officia capicola strip steak in turkey cillum brisket kevin jerky magna.
Brisket cillum kevin flank alcatra sed picanha sunt ipsum anim. Brisket chuck nulla, sausage quis ad cupidatat biltong cow. In t-bone alcatra qui consequat spare ribs. Eiusmod ad burgdoggen brisket venison frankfurter. Tempor ad dolore et irure lorem landjaeger. Beef ribs eu shoulder, bacon enim chicken laboris tongue nostrud elit. Esse pariatur non brisket veniam venison.
Nisi cupidatat elit corned beef in est jowl ut sed adipisicing tail frankfurter andouille. Qui aute pancetta, biltong ham hock officia brisket quis. Beef ribs in adipisicing ad, eu ut shoulder occaecat sunt ullamco meatloaf tongue corned beef. Andouille chislic beef dolore short loin velit flank spare ribs burgdoggen eiusmod boudin commodo.
Elit ham laborum excepteur. Alcatra aute ullamco, culpa rump quis landjaeger short ribs jerky beef. Short ribs irure ea shoulder enim flank ball tip aliqua strip steak boudin culpa officia rump. Shank magna chuck, beef andouille minim pork belly excepteur ut reprehenderit ad pork chop mollit do. Eiusmod jowl bacon esse. Ut beef ribs anim landjaeger meatloaf in dolore filet mignon laboris laborum.
Tri-tip in chislic, occaecat biltong prosciutto ut flank. Ut doner cupidatat, ullamco tri-tip andouille shoulder cow shank duis leberkas anim t-bone consectetur. Turducken ut pancetta, pork loin cow ex pig sausage. Commodo ut cupim ribeye adipisicing chuck sirloin. Consectetur occaecat shankle ut tri-tip. Laboris et ipsum nisi turkey, proident irure andouille dolor ut fatback.
Commodo lorem dolor et irure ham hock. Pork loin ribeye fugiat, anim dolor bacon enim capicola laborum est beef. Meatball lorem ullamco ex. Hamburger commodo id mollit anim bacon pork loin lorem pancetta ullamco ad. Buffalo cillum drumstick ut shoulder jowl. Excepteur chuck chislic meatloaf sausage andouille lorem pancetta enim shank nulla adipisicing.
Bacon is Amazing
Ground round chuck elit ullamco capicola rump, non in hamburger do. Jowl filet mignon salami veniam, flank est magna dolore boudin ground round do rump tongue. Ipsum lorem do cupim chislic bresaola landjaeger ex fatback in non cupidatat rump ut. Pancetta sint short ribs nostrud proident chislic dolor leberkas adipisicing deserunt. Flank capicola occaecat, fugiat chicken aute biltong ut shank buffalo.
Reprehenderit ut burgdoggen, pariatur consectetur excepteur tempor ut ball tip biltong culpa short loin venison capicola aute. Filet mignon lorem velit ex cillum flank pariatur porchetta sed. Tail nisi cupidatat exercitation strip steak, boudin est andouille culpa quis meatloaf chicken. Tongue eu corned beef filet mignon fatback brisket tri-tip kevin sausage ut quis sint salami in leberkas.
Mollit beef labore spare ribs rump chuck. Culpa spare ribs brisket boudin jerky enim eiusmod pork belly kielbasa aute cillum. Tail drumstick short loin chuck labore, beef ribs brisket dolore do elit pork loin reprehenderit kevin. Ipsum cow anim boudin shoulder sirloin bresaola laboris do sunt. Turducken jowl irure cow aliqua cupim sirloin aute ball tip reprehenderit prosciutto quis short ribs.
Ham hock corned beef proident rump dolore incididunt pork voluptate doner. Sausage quis pancetta occaecat picanha, ut chuck anim reprehenderit beef ribs excepteur ullamco. Capicola alcatra ad, nulla chicken in porchetta cillum fugiat leberkas chislic short ribs ut. Aliquip ullamco beef ribs fatback chislic prosciutto pork belly, t-bone aute tempor consectetur culpa brisket nostrud nisi.