fullPage.js当第一页不是全高时如何创建滚动到部分

时间:2017-09-05 14:59:31

标签: javascript jquery html scroll fullpage.js

我想过使用一个脚本,你可以滚动到单轮移动的点/部分。

我找到了fullPage.js,但正如它在名称中所述,当部分(或至少第一部分)设置为全高时,它可以很好地工作。如果没有,当它向下滚动时会留下一点空间 - 只有当你向上滚动时才能很好地工作。也许有人可以帮我这个吗?

这里可以看到这个页面(对不起,它是精彩的):http://tomhajduk.com/globke2

谢谢!

1 个答案:

答案 0 :(得分:0)

是一种解决方法而且不干净!而且它似乎也有点闪烁,但似乎有效......

https://codepen.io/anon/pen/oGeGXZ

var lastSection=-1;
$('#fullpage').fullpage({
  anchors: ['page1', 'page2', 'page3', 'page4'],
  sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
  onLeave: function(index, nextIndex, direction){
      if (lastSection!=nextIndex) {
        lastSection=nextIndex;
        $.fn.fullpage.silentMoveTo(nextIndex+1);
        $.fn.fullpage.moveTo(nextIndex);
        return false;
      }
    }
});