JSFiddle - React, Tailwind, and code Playground

by mrnobody

HTML

<nav>
  <a href="#section-1">link-1</a>
  <a href="#section-2">link-2</a>
  <a href="#section-3">link-3</a>
</nav>
<div class="content">
  <h2 id="section-1">Премьеры России — 26 сентября</h2>
  <p>Российский прокат одолевают фавориты американских критиков: триллер «Пленницы» Дени Вильнёва с Хью Джекманом и Джейком Джилленхолом, изворотливая романтическая комедия «Страсти Дон Жуана» от дебютировавшего в режиссуре Джозефа Гордон-Левитта и музыкально-концертная фантазия «Metallica: Сквозь невозможное». Также стартует авантюрная лента «Va-банк» с Джастином Тимберлэйком и Беном Аффлеком в главных ролях.</p>

  <h2 id="section-2">Хоббит в Миннесоте: Мартин Фриман снимется в «Фарго»</h2>
  <p>Сериал «Фарго» по мотивам одноименного фильма братьев Коэн уже заручился поддержкой Билли Боба Торнтона, а на этой неделе к проекту присоединился Мартин Фриман, исполнитель роли доктора Ватсона в сериале «Шерлок» и Бильбо Бэггинса в трилогии Питера Джексона «Хоббит».</p>

  <h2 id="section-3">Джон Константин разберется с демонами на телеэкране</h2>
  <p>Вслед за комиссаром Джеймсом Гордоном на телевидение перебирается еще один персонаж комиксов DC — охотник за нечистью Джон Константин. Сценаристами и исполнительными продюсерами сериала выступят Дэвид С. Гойер, автор сюжета «Блэйда», «Темного рыцаря», «Человека из стали» и грядущего проекта «Бэтмен против Супермена», и Дэниэл Церон, один из создателей телевизионного детектива «Менталист».</p>
</div>

CSS

body {
  margin: 0;
}
nav{
  position: fixed;
  width: 100%;
  line-height: 70px;
  background-color: rgba(26,45,111,0.5);
}
.content {
  padding: 100px;
}
h2 {
  margin-top: 500px;
}
  h2:target {
    padding-top: 70px;
  }