带有body边缘问题的卷轴



我正在尝试使用scrolltop函数,但它从窗口顶部停止了67个像素...

我有一个67像素余量设置,可以抵消位于全屏横幅图像上方的Navbar。Navbar也有点透明,因此需要边距,如下所示...

body {
  margin-top: 67px;
}

和以下脚本...

<script>
$(document).ready(function(){
   $(".navbar a, footer a[href='#MyPage']").on('click', function(event) {
    if (this.hash !== "") {
      event.preventDefault();
      var hash = this.hash;
      $('html, body').animate({
        scrollTop: $(hash).offset().top
      },900, function(){   
        window.location.hash = hash;
      });
    } // End if
  });
</script>

身体标签看起来像这样...

<body id="MyPage" data-spy="scroll" data-target=".navbar" data-offset="60">

滚动效果很好,但我认为从页面顶部的67个像素停止了,这似乎很明显,这是我的边缘以抵消Navbar的深度,但是我该如何克服它?

我尝试在以下行中添加 67,但这无济于事...

scrollTop: $(hash).offset().top+67

任何想法都是最欢迎的。

谢谢

以下确实解决了我的问题,感谢尼特黑暗绝对

margin:0; padding-top:67px

最新更新