Итак, в Bootstrap v3 вы просто добавили бы атрибут смещения данных к тегу nav со смещением пикселей, в данном случае 54px,

<nav data-offset="54"></nav>

Однако в Bootstrap v4 этот атрибут смещения данных отсутствует и не работает. Я просмотрел документы v4 и просто не могу ничего найти! Я также пытался использоватьdata-offset а такжеoffset атрибуты, но они тоже не работают.

Вот HTML-код навигации

<nav class="navbar navbar-light bg-faded navbar-fixed-top">
  <button type="button" data-toggle="collapse" data-target="#nav-collapse" aria-controls="#nav-collapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler hidden-md-up">&#9776;</button>
  <div id="nav-collapse" class="collapse navbar-toggleable-sm">
    <ul class="nav navbar-nav pull-md-right">
      <li class="nav-item"><a href="#page-top" class="nav-link page-scroll">home</a></li>
      <li class="nav-item"><a href="#about" class="nav-link page-scroll">about</a></li>
      <li class="nav-item"><a href="#services" class="nav-link page-scroll">services</a></li>
      <li class="nav-item"><a href="#productssolutions" class="nav-link page-scroll">products + solutions</a></li>
      <li class="nav-item"><a href="#contact" class="nav-link page-scroll">contact</a></li>
    </ul>
  </div>
</nav>

Как бы я добавил о смещение данных 54px? Есть ли альтернатива, которую можно использовать, скажем, простой тег сценария, который нужно добавить в мой HTML с несколькими строками js?