Ошибка с CSS-перспективой на элемент и плавная прокрутка с JavaScript

Question

У меня странная проблема.

• Я хочу создать веб-сайт с перспективой в 1500 пикселей.
• Это одностраничный сайт, поэтому я добавил скрипт с плавной прокруткой.

Но проблема в том, что это не работает правильно... Если я откладываю перспективу, все работает нормально? Что я мог сделать, чтобы заставить это работать?

Вот мой код...

.page-container{
    position: relative;
    perspective: 1500px;
    background: $bg-color--first;
    width: 100%;
    height: 100%;
}

И плавная прокрутка

function smoothScroll (duration) {
  $('a[href^="#"]').on('click', function(event) {
      var target = $( $(this).attr('href') );
      if( target.length ) {
        removeHamburger();
        console.log(target.offset().top);
          event.preventDefault();
          $('html, body').animate({
              scrollTop: target.offset().top
          }, duration);
      }
  });
}

Мое содержимое находится внутри контейнера страницы, который является родным для моей навигации вне холста.

РЕДАКТИРОВАТЬ:

Он не прокручивается в нужную позицию... Он прокручивается, но не в раздел с идентификатором...