javascript - 元素上的 CSS 透视错误和 JavaScript 平滑滚动

Question

我有一个奇怪的问题。

• 我想建立一个透视设置为 1500px 的网站。
• 这是一个单页网站，所以我添加了一个平滑滚动脚本。

但问题是，它不能正常工作......如果我推迟观点，一切正常吗？我该怎么做才能让它工作？

这是我的代码...

.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);
      }
  });
}

我的内容在页面容器内，它是我的画布外导航的兄弟。

编辑：

它不会滚动到正确的位置...它会滚动，但不会滚动到具有 ID 的部分...