Živá ukázka

Výsledek

<div class="menu">
  <a href="#kotva1">Kotva 1</a>
  <a href="#kotva2">Kotva 2</a>
  <a href="#kotva3">Kotva 3</a>
</div>

<div class="polozka">
  <h1 id="kotva1">Nadpis 1</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus reprehenderit!</p>
  <p>Fugit animi quos facere debitis numquam iusto alias doloremque amet!</p>
  <p>Quos sapiente tempora ea voluptatem esse necessitatibus et laudantium unde.</p>
  <p>Distinctio similique aliquam alias nesciunt commodi quas! Alias odit repellat!</p>
  <p>Quis sint minus quae tempora repudiandae aperiam dignissimos. Ea totam.</p>
  <p>Voluptatibus aliquam error exercitationem sit accusamus laudantium dolor repudiandae tempora.</p>
  <p>Sequi sunt iste architecto aut sapiente quo iusto velit fuga.</p>
  <p>Velit perferendis asperiores excepturi commodi culpa iusto ea vel odit.</p>
  <p>Iste doloribus distinctio adipisci quae corrupti quidem eveniet animi recusandae!</p>
  <p>Atque magnam sed ratione soluta aspernatur saepe officia in cumque!</p>
</div>

<div class="polozka">
  <h1 id="kotva2">Nadpis 2</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus reprehenderit!</p>
  <p>Fugit animi quos facere debitis numquam iusto alias doloremque amet!</p>
  <p>Quos sapiente tempora ea voluptatem esse necessitatibus et laudantium unde.</p>
  <p>Distinctio similique aliquam alias nesciunt commodi quas! Alias odit repellat!</p>
  <p>Quis sint minus quae tempora repudiandae aperiam dignissimos. Ea totam.</p>
  <p>Voluptatibus aliquam error exercitationem sit accusamus laudantium dolor repudiandae tempora.</p>
  <p>Sequi sunt iste architecto aut sapiente quo iusto velit fuga.</p>
  <p>Velit perferendis asperiores excepturi commodi culpa iusto ea vel odit.</p>
  <p>Iste doloribus distinctio adipisci quae corrupti quidem eveniet animi recusandae!</p>
  <p>Atque magnam sed ratione soluta aspernatur saepe officia in cumque!</p>
</div>

<div class="polozka">
  <h1 id="kotva3">Nadpis 3</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus reprehenderit!</p>
  <p>Fugit animi quos facere debitis numquam iusto alias doloremque amet!</p>
  <p>Quos sapiente tempora ea voluptatem esse necessitatibus et laudantium unde.</p>
  <p>Distinctio similique aliquam alias nesciunt commodi quas! Alias odit repellat!</p>
  <p>Quis sint minus quae tempora repudiandae aperiam dignissimos. Ea totam.</p>
  <p>Voluptatibus aliquam error exercitationem sit accusamus laudantium dolor repudiandae tempora.</p>
  <p>Sequi sunt iste architecto aut sapiente quo iusto velit fuga.</p>
  <p>Velit perferendis asperiores excepturi commodi culpa iusto ea vel odit.</p>
  <p>Iste doloribus distinctio adipisci quae corrupti quidem eveniet animi recusandae!</p>
  <p>Atque magnam sed ratione soluta aspernatur saepe officia in cumque!</p>
</div>

HTML

Autoformát
Standardní režim
Mobilní zobrazení

CSS

Autoformát
CSS reset
Až na konci

JS

Autoformát
jQuery
Umístění JS