带有ScrollOverflow选项的FullPage,当上面的表单部分需要从底部开始滚动时

时间:2016-11-17 20:57:53

标签: jquery fullpage.js iscroll

我想知道是否有办法使用FullPage和Scrolloverflow选项来完成更大的部分。我有几个部分,其中一些是可滚动的;

如果我向下滚动部分,一切都按预期工作,autoScrolling打开,我从一个部分跳到另一个部分,并在一个部分中滚动,当它是一个更大的部分。到现在为止还挺好! :)
问题如下;
当我使用锚点或导航移动到最后一节时,例如在fullPage渲染后。然后向上滚动到可滚动部分,它不会从底部显示整个部分,但隐藏可滚动元素外部的部分并从顶部开始部分...
我希望能够基本上能够使用锚点或导航跳转到可滚动部分下方的某个部分,然后向上滚动,我们将从底部开始滚动部分。

我试图从上面的部分使用CSS3强制滚动到底部,但问题是,在此之后,当我向上滚动它跳转到上面的部分并且不会首先滚动到部分的顶部然后跳过上面的部分...

有什么建议吗?......希望有意义

$('#fullpage').fullpage({
    sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
    navigationTooltips: ['one', 'two', 'three', 'four'],
    navigation: true,
    navigationPosition: 'right',
    fitToSection: false,
    scrollOverflow:true,
    onLeave: function(index, nextIndex, direction){
      if((nextIndex == 2) && (direction =='up')) {
        var scrollToBottom = $('.fp-scroller').height() - $(window).height();
        $('.fp-scroller').css({
          'transform' : 'translate(0px, -' + scrollToBottom + 'px) translateZ(0px)'
        });
      }
    },
});

JS FiDDLE

1 个答案:

答案 0 :(得分:2)

感谢Alvaro在上述评论中的提示。我不得不使用IScroll方法,但在afterLoad回调中使用它并添加&f; -f-auto-height'可滚动的'类节

TortoiseGit manual

log.info("String to MD5 ->" + FileContentRaw + "<-");
log.info("MD5 Result 1 Apache->" + org.apache.commons.codec.digest.DigestUtils.md5(FileContentRaw).toString() + "<-");
log.info("MD5 Result 2 Apache->" + org.apache.commons.codec.digest.DigestUtils.md5(FileContentRaw).toString() + "<-");
log.info("MD5 Result 3 Apache->" + org.apache.commons.codec.digest.DigestUtils.md5(FileContentRaw).toString() + "<-");
log.info("MD5 Result 4 Apache->" + org.apache.commons.codec.digest.DigestUtils.md5(FileContentRaw).toString() + "<-");