元素上的CSS透视图和JavaScript平滑滚动的Bug

我有一个奇怪的问题

• 我想建立一个网站，有一个透视设置为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);
      }
  });
}

我的内容在页面容器中，它是我的非画布导航的同级

编辑：

---

它没有滚动到正确的位置。。。它会滚动，但不会滚动到ID为的部分。

解释什么不起作用。我可以通过透视/视差效果重现这一点，目标div为JS意外地改变了位置。。。但我没有解决方案。解决方案是首先将所有偏移量保存在一个变量中，然后滚动到元素。我不知道为什么，但它似乎起作用。解释什么不起作用。我可以重现，通过透视/视差效果，目标div为JS意外地改变了它的位置。。。但我没有解决方案。解决方案是首先将所有偏移量保存在一个变量中，然后滚动到元素。我不知道为什么，但它似乎有效。