• Címkék:
  • scroll
  • görget
  • link
  • to
  • top

Arbitrary anchor

Horgony CSS azonosítóval (hagyományos)

HTML kód

        <a href="#pelda-1">1. példa: horgony CSS azonosítóval</a>
        <h2 id="pelda-1">Horgony CSS azonosítóval (hagyományos)</h2>
      

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tristique lobortis nulla, consequat tempus turpis elementum non. Nam nec semper orci, at ultrices massa. Donec volutpat arcu massa, id viverra lorem dapibus sit amet. Nunc quis vehicula tortor. Donec sit amet libero quis odio commodo commodo in sed mauris. Etiam odio libero, porta nec bibendum vitae, facilisis vitae dui. Curabitur sed sollicitudin nibh. Cras auctor rutrum ligula, eu hendrerit leo cursus a. Maecenas molestie id nulla at placerat.

Mauris lectus turpis, dapibus sed gravida sit amet, blandit non ante. Aenean vitae blandit purus, quis pretium neque. Mauris pretium eros ac pharetra malesuada. Donec vitae ligula pharetra tortor hendrerit malesuada sit amet eget lorem. Sed vitae nulla id mauris pellentesque facilisis. Integer vel varius erat. Integer faucibus nunc eu turpis suscipit, blandit rutrum diam molestie. Morbi mauris mauris, ultrices ac scelerisque ut, bibendum eget nunc. Praesent et dui ante. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla commodo tincidunt augue, vitae auctor velit scelerisque eu. Proin blandit quis orci vel sodales. Mauris tortor urna, ornare at nulla ac, placerat scelerisque leo. Vestibulum diam enim, dapibus non vehicula eu, placerat vel metus.

Praesent ut pharetra nisi, vitae feugiat neque. Aenean a rutrum urna. Nulla id porta erat, at sodales tellus. Cras eget iaculis nibh. Donec vel est sit amet nibh vestibulum ultricies sit amet at ante. Nam pretium imperdiet risus, et porttitor eros varius eget. Pellentesque sit amet odio luctus, interdum eros et, consectetur quam. Phasellus dictum mollis tortor in feugiat. Nulla interdum quam vel ipsum ultrices tempor.

Fel

Horgony CSS osztállyal

HTML kód

        <a href="#.pelda-2">2. példa: horgony CSS osztállyal</a>
        <h2 class="pelda-2">Horgony CSS osztállyal</h2>
      

Maecenas eget pellentesque quam. Nam interdum interdum velit eu tincidunt. Proin vehicula faucibus pretium. Sed eu pellentesque dui. Ut vel elit quis mi commodo sollicitudin. Integer leo nunc, sodales et nisl ut, vulputate tincidunt ipsum. Pellentesque eu porta turpis. Nulla aliquam justo id facilisis rutrum. Curabitur vitae sollicitudin ligula, at hendrerit libero.

Aliquam vel nulla vel augue bibendum accumsan. Nunc a purus libero. Integer condimentum risus viverra mi egestas egestas. In lectus enim, tristique ultrices magna vehicula, iaculis tempor mi. Aliquam vel interdum turpis. Suspendisse et erat erat. Proin id mattis justo. Suspendisse fermentum leo fringilla, consequat ligula ac, pellentesque enim. Ut ante ligula, tristique in ligula id, adipiscing interdum augue.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum facilisis nisi sed sollicitudin sagittis. Proin tincidunt magna lacus, vel bibendum turpis pretium eget. Vestibulum aliquet eu dui a gravida. Nullam euismod molestie tristique. Suspendisse tincidunt quis est vitae blandit. Sed luctus, sapien ac ultrices accumsan, mauris erat adipiscing erat, nec rhoncus sapien justo non neque. Maecenas sit amet mi et augue malesuada mollis eget id metus. Aliquam viverra dui vel velit tincidunt, a viverra elit placerat. Nulla eu tortor vel orci euismod posuere. Nunc tincidunt eleifend accumsan. Mauris interdum est vitae nisl cursus, vel tristique lorem lacinia. Proin semper lorem ut nisl tristique lobortis. Ut nunc mi, congue et mattis fermentum, adipiscing in augue. Nullam ac condimentum ante. Nam porta ligula volutpat mauris posuere suscipit.

Morbi a tempus augue. Mauris convallis scelerisque lacus, sed vulputate dolor blandit vitae. Nulla facilisi. Integer id consequat justo. In sollicitudin bibendum ligula a semper. In ac viverra velit, sit amet vehicula arcu. Fusce ornare justo lorem, sit amet porta turpis volutpat at. Sed gravida arcu at sagittis mattis. Vivamus condimentum fermentum dapibus. Donec mollis nisi quis eleifend viverra. Mauris quam sem, consequat at lectus vel, malesuada accumsan diam. Aliquam hendrerit dui et augue dignissim, nec iaculis urna rutrum. Nullam orci dui, gravida id gravida sit amet, bibendum eu elit. Duis consequat quis mauris varius sodales. Ut egestas, orci vel interdum placerat, ligula erat fringilla purus, sed semper est leo non enim.

Suspendisse ac aliquet arcu, sed lobortis nunc. Donec at fringilla nibh, ut facilisis turpis. Donec in sem magna. Cras a ullamcorper libero. Praesent pulvinar auctor risus, ac euismod risus posuere quis. Ut id tellus sed dui tincidunt feugiat. Nam id mollis leo. Nam faucibus mauris felis, sit amet semper mauris pulvinar sed. Ut dictum est iaculis lectus consectetur, vitae interdum augue vestibulum. Nam nec lectus sem. Etiam scelerisque nisl eget elit ornare, in viverra felis congue. Fusce rhoncus auctor nibh sit amet tempus. Vestibulum eget odio libero. Mauris et erat auctor, adipiscing augue id, porttitor leo. In nec molestie tortor. Sed ornare tortor diam, id placerat eros ultricies a.

Aliquam ut dapibus est, vitae vehicula tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris accumsan augue eu mi condimentum iaculis. Sed erat odio, ultrices vel metus eget, tempor pulvinar nulla. Suspendisse aliquam sapien nisi, non vulputate sem laoreet sed. Pellentesque aliquam pulvinar erat ornare tincidunt. Integer vulputate sit amet ipsum ac ullamcorper. Duis rutrum diam sem, et lacinia nibh pretium in. Suspendisse lectus urna, aliquam at orci posuere, scelerisque cursus lorem. Sed in consequat mi, in vehicula erat. Pellentesque vel eros quis quam viverra facilisis. Fusce vitae magna sit amet felis porta placerat et et tortor. Proin aliquet cursus ligula, id accumsan ante vulputate at. Nunc molestie eget leo eu fringilla. Etiam a sapien ac lectus consectetur ullamcorper volutpat in lacus. Nulla et sem rutrum nisi condimentum fermentum.

Fel

Horgony CSS azonosítóval (testreszabott animáció)

HTML kód

        <a href="##pelda-3|3000">3. példa: horgony személyreszabott animációval</a>
        <h2 id="pelda-3">Horgony CSS azonosítóval (<i>testreszabott animáció</i>)</h2>
      

Vestibulum vitae dignissim risus, ac sollicitudin velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer in laoreet dolor. Aliquam varius et dui suscipit fringilla. Donec erat risus, consequat vitae tincidunt id, euismod eget elit. Aliquam aliquam vehicula metus, et accumsan sapien. Quisque et dolor leo. Donec quis interdum arcu. Integer a risus justo. Aliquam tortor mi, ullamcorper suscipit vestibulum sed, dictum et dolor. Nullam ipsum lorem, dapibus in erat in, rhoncus eleifend quam. Nunc facilisis massa non erat sodales, ac condimentum arcu luctus. Nulla ac arcu et est sagittis elementum. Donec varius lobortis augue, et tincidunt lectus mattis eget. Vivamus laoreet lacus sit amet sem cursus egestas. Quisque vel placerat quam, porttitor scelerisque libero.

Fel

« bezár