Javascript Skrollr初始化集<;车身>;高度不能太高

Javascript Skrollr初始化集<;车身>;高度不能太高,javascript,parallax,skrollr,Javascript,Parallax,Skrollr,我使用Skrollr库为背景创建视差效果。但是,当调用skillor.init()时,正文高度太高,会在页面下方创建额外的空间 这里可以看到问题: HTML: JS: 我不确定是哪个元素使页面过高 skrollr.init({forceHeight: false}); Skrollr确保您实际上可以到达数据底部顶部。如您所见,该间隙允许元素的底部与视口的顶部完全对齐。再次感谢普林松救了我的命!我曾尝试添加{forceHeight:true},但从未解决此问题:/(显然)似乎为了使用skro

我使用Skrollr库为背景创建视差效果。但是,当调用skillor.init()时,正文高度太高,会在页面下方创建额外的空间

这里可以看到问题:

HTML:

JS:

我不确定是哪个元素使页面过高

skrollr.init({forceHeight: false});


Skrollr确保您实际上可以到达
数据底部顶部
。如您所见,该间隙允许元素的底部与视口的顶部完全对齐。

再次感谢普林松救了我的命!我曾尝试添加{forceHeight:true},但从未解决此问题:/(显然)似乎为了使用skrollr“暂停”功能,
forceHeight
需要设置为true,对吗?有解决办法吗?无论是暂停以使用
forceHeight:false
,还是另一种修复页面底部多余空间的方法?skrollrI中没有暂停功能会出现同样的问题,这确实有帮助。非常感谢。这是一个伟大的图书馆,我希望你(普林霍恩)决定保持它的活力。再次感谢你。
@blue: #293448;
@red: #C1392B;

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body {
  font-family: 'Open Sans', sans-serif;
}

.headrow {
  background: @blue;
}

.logo a {
  color: #fff;
  transition: 0.3s;

  &:hover {
    text-decoration: none;
    color: #eee;
  }
}

.topmenu {
  text-align: right;

  p {
    margin-top: 10px;

    a {
      display: inline-block;
      margin: 0 5px;
      text-align: right;
    }
  }

  ul {
    margin-bottom: 0;
  }

  li {
    display: inline-block;
    margin-left: 30px;

    a {
      color: #eee;
      display: block;
      padding-bottom: 10px;
      border-bottom: 3px solid transparent;
      transition: 0.3s;
    }

    a:hover {
      text-decoration: none;
      border-bottom: 3px solid @red;
    }

    .dropdown-menu {
      text-align: left;

      li {
        margin: 0;
        display: block;
      }

      a:hover {
        background: #ccc;
      }

      a {
        color: @blue;
        border: 0;
        transition: 0;
      }
    }
  }
}

.bannerrow {
  img { width: 100%; height: auto;}
}

.servicerow {
  color: #fff;
  padding-bottom: 100px;
  background: url(http://i.imgur.com/pIaoyxQ.jpg) no-repeat;
  background-size: cover;

  header {
    margin-top: 60px;
    margin-bottom: 20px;

    h2 { margin-bottom: 10px; }

    p { font-size: 13pt; }
  }
}
  .column2-box {
    border: 1px solid #ddd;
    padding: 10px;
    margin: 15px 0;

    i { font-size: 110px; float: left; }

    h3 { margin-top: 0; }

  }
$(function() {
  $('.dropdown-toggle').dropdown();

   $('.dropdown').hover(function() {
      $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(200);
    }, function() {
      $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(200);
    });

  var s = skrollr.init({forceHeight: false});
});
skrollr.init({forceHeight: false});